select

src/components/EditableForm/editableFormItem.jsx

@@ -1,6 +1,6 @@
 import consts from '@/basic/consts'
 import { apiUpdateContract } from '@/services/contact'
-import { Input, Row, Col } from 'antd'
+import { Input, Row, Col, Select } from 'antd'
 import React, { useState, useEffect, useRef } from 'react'
 import './index.less'
 
@@ -62,7 +62,14 @@ const EditableFormItem = ({ label, dataIndex, record, dataId, span, editCellType
         // cell = ()
         break
       case 'select':
-        // cell = ()
+        cell = (
+          <Select
+            defaultValue="男"
+          >
+            <option vlaue="男">男</option>
+            <option vlaue="女">女</option>
+          </Select>
+        )
         break
       default:
         cell = (

src/components/PopContent/Contacts/ContanctForm.jsx

@@ -1,19 +1,11 @@
-import { Form, Row, Col, Input, Button, Cascader, Select, Tag } from 'antd'
-import React, { useEffect, useRef, useState } from 'react'
+import { Row, Col, Cascader, Select } from 'antd'
+import React, { useEffect } from 'react'
 import EditableForm from '@/components/EditableForm'
 // eslint-disable-next-line import/no-unresolved
 // import '../Contacts/index.scss'
 
 const ContanctForm = props => {
-  const actionRef = useRef()
-  const [form] = Form.useForm()
   const { client } = props
-  const record = {
-    clientname: '啊实打实大',
-    address: '珠海',
-    telephone: 'diodjioadhja念佛安徽佛安徽省'
-  }
-
   const columns = [
     {
       dataIndex: 'clientname',
@@ -116,40 +108,6 @@ const ContanctForm = props => {
     // console.log(client)
     // form.setFieldsValue(client)
   }, [client])
-  const residences = [
-    {
-      value: '广东省',
-      label: '广东省',
-      children: [
-        {
-          value: '珠海市',
-          label: '珠海市',
-          children: [
-            {
-              value: '香洲区',
-              label: '香洲区'
-            }
-          ]
-        }
-      ]
-    },
-    {
-      value: '安徽省',
-      label: '安徽省',
-      children: [
-        {
-          value: '合肥市',
-          label: '合肥市',
-          children: [
-            {
-              value: '庐阳区',
-              label: '庐阳区'
-            }
-          ]
-        }
-      ]
-    }
-  ]
   return (
     <div>
       <Row>
@@ -162,127 +120,6 @@ const ContanctForm = props => {
         </Col>
       </Row>
       <EditableForm dataSource={client} columns={columns} />
-      {/* <Form layout="vertical" form={form}>
-        <Form.Item label="姓名" name="clientname" rules={[{ required: false, message: '姓名' }]}>
-          <Input value="刘泽富" />
-        </Form.Item>
-        <Form.Item
-          label="联系人地区"
-          name="district"
-          rules={[{ required: false, message: '地区' }]}>
-          <Cascader options={residences} />
-        </Form.Item>
-        <Form.Item
-          label="客户名称"
-          name="companyname"
-          rules={[{ required: false, message: '客户名称' }]}>
-          <Input value="刘泽富" />
-        </Form.Item>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item label="性别" name="gender" rules={[{ required: false, message: '性别' }]}>
-              <Select>
-                <Select.Option value="男">男</Select.Option>
-                <Select.Option value="女">女</Select.Option>
-              </Select>
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item label="昵称" name="nicename" rules={[{ required: false, message: '昵称' }]}>
-              <Input />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item label="手机" name="telephone" rules={[{ required: false, message: '手机' }]}>
-              <Input />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item label="QQ" name="qq" rules={[{ required: false, message: 'QQ' }]}>
-              <Input />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item label="电话" name="phone" rules={[{ required: false, message: '电话' }]}>
-              <Input />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item label="邮箱" name="email" rules={[{ required: false, message: '邮箱' }]}>
-              <Input />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <Form.Item label="传真" name="fax" rules={[{ required: false, message: '传真' }]}>
-              <Input />
-            </Form.Item>
-          </Col>
-          <Col span={12} />
-        </Row>
-        <Row gutter={16}>
-          <Col span={12}>
-            <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 />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Form.Item label="办公室" name="office" rules={[{ required: false, message: '办公室' }]}>
-          <Input />
-        </Form.Item>
-        <Form.Item
-          label="联系人地址"
-          name="address"
-          rules={[{ required: false, message: '联系人地址' }]}>
-          <Input />
-        </Form.Item>
-        <Form.Item
-          label="联系人乘车"
-          name="ride"
-          rules={[{ required: false, message: '联系人乘车' }]}>
-          <Input />
-        </Form.Item>
-        <Form.Item
-          label="联系人地标"
-          name="landmarks"
-          rules={[{ required: false, message: '联系人地标' }]}>
-          <Input />
-        </Form.Item>
-        <Form.Item
-          label="联系人住宿"
-          name="stay"
-          rules={[{ required: false, message: '联系人住宿' }]}>
-          <Input />
-        </Form.Item>
-        <Form.Item label="备注" name="mark" rules={[{ required: false, message: '备注' }]}>
-          <Input />
-        </Form.Item>
-        <Form.Item label="个人标签">
-          <span className="ant-form-text">
-            <Tag color="#16A085">标签</Tag>
-            <Tag color="#2980B9">特别关注</Tag>
-          </span>
-        </Form.Item>
-        <Form.Item label="协作标签">
-          <span className="ant-form-text">
-            <Tag color="#F8AC59">协作标签1</Tag>
-            <Tag color="#FF69B4">协作标签2</Tag>
-          </span>
-        </Form.Item>
-      </Form> */}
     </div>
   )
 }