联系人手机字段+软件锁升级的弹窗

src/components/PopContent/Locks/LockTabList.jsx

@@ -6,7 +6,7 @@ import { ProductLabel } from '@/pages/Product/Lock/Lockstore'
 import LockUpgrade from './LockUpgrade'
 
 const LockTabList = props => {
-  const { longleLog } = props
+  const { longleLog, clientid } = props
   const [state, setState] = useState({
     visible: false
   })

src/components/PopContent/Locks/LockUpgrade.jsx

@@ -1,31 +1,55 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import { Modal } from 'antd'
 import ProForm, { ProFormSelect } from '@ant-design/pro-form'
+import { useForm } from 'antd/lib/form/Form'
 
 const LockUpgrade = props => {
+  const [form] = useForm()
   const { visible, onCancel, onConfirm, loading } = props
+  const layout = {
+    layout: 'horizontal'
+  }
+  useEffect(() => {
+    if (visible) {
+      form.resetFields()
+    }
+  }, [])
   return (
     <div>
       <Modal
+        {...layout}
         title="升级软件锁"
         visible={visible}
         confirmLoading={loading}
         onCancel={onCancel}
         onOk={() => {
-          onConfirm(values)
+          form.validateFields().then(values => {
+            onConfirm(values)
+          })
         }}
         width={500}>
-        <ProForm>
-          <ProFormSelect
-            options={[
-              {
-                value: '广东算量新定额',
-                label: '广东算量新定额'
+        <ProForm
+          submitter={{
+            resetButtonProps: {
+              style: {
+                display: 'none'
+              }
+            },
+            submitButtonProps: {
+              style: {
+                display: 'none'
               }
-            ]}
-            width="sm"
-            name="name"
-            label="新增产品"></ProFormSelect>
+            }
+          }}>
+          <ProFormSelect
+            name="select"
+            label="新增产品"
+            valueEnum={{
+              open: 'aaa',
+              closer: 'fwfwuf'
+            }}
+            placeholder="请选择新增产品"
+            rules={[{ required: true, message: '请选择新增产品' }]}></ProFormSelect>
         </ProForm>
       </Modal>
     </div>

src/pages/Customer/Contact/index.jsx

@@ -101,19 +101,19 @@ const Contact = props => {
       ellipsis: true,
       width: 100
     },
+    // {
+    //   title: '电话',
+    //   dataIndex: 'phone',
+    //   key: 'phone',
+    //   width: 150
+    // },
     {
-      title: '电话',
+      title: '手机',
       dataIndex: 'telephone',
       key: 'telephone',
       width: 150
     },
     {
-      title: '手机',
-      dataIndex: 'phone',
-      key: 'phone',
-      width: 150
-    },
-    {
       title: 'QQ',
       dataIndex: 'qq',
       key: 'qq',
@@ -291,7 +291,7 @@ const Contact = props => {
   ]
 
   const [columnsStateMap, setColumnsStateMap] = useState({
-    telephone: {
+    phone: {
       show: false
     },
     qq: {