feat: 同步客户ui修改

src/pages/Customer/Company/components/CompanyDetail/SyncClient.jsx

@@ -4,22 +4,22 @@ import ProTable from '@ant-design/pro-table'
 import { Copy } from '@icon-park/react'
 import { Button, Checkbox, message, Modal } from 'antd'
 import { useState } from 'react'
-// import { useDispatch } from 'umi'
+import { useDispatch } from 'umi'
 
 const SyncClient = ({ customer, client }) => {
-  // const dispatch = useDispatch()
+  const dispatch = useDispatch()
   const [state, setState] = useState({
     visible: false,
     selectedKeys: null,
     checkValues: ['district', 'address']
   })
 
-  // const refreshCompany = () => {
-  //   dispatch({
-  //     type: 'refresh/commitAction',
-  //     payload: 'company'
-  //   })
-  // }
+  const refreshCompany = () => {
+    dispatch({
+      type: 'refresh/commitAction',
+      payload: 'company'
+    })
+  }
 
   // eslint-disable-next-line consistent-return
   const handleOnConfirm = async () => {
@@ -36,7 +36,7 @@ const SyncClient = ({ customer, client }) => {
     })
     const { code = -1 } = await syncToClient(params)
     if (code === consts.RET_CODE.SUCCESS) {
-      // refreshCompany()
+      refreshCompany()
       setState({ ...state, visible: false })
       return message.success('同步成功')
     }
@@ -103,35 +103,35 @@ const SyncClient = ({ customer, client }) => {
             <Checkbox.Group
               defaultValue={checkValues}
               onChange={e => setState({ ...state, checkValues: e })}>
-              <div>
+              <div className="flex flex-nowrap">
                 <Checkbox value="district">
                   <div className="w-100px text-left">地区</div>
                 </Checkbox>
-                <span>{customer.districtName?.replaceAll(' / ', ',')}</span>
+                <div>{customer.districtName?.replaceAll(' / ', ',')}</div>
               </div>
-              <div>
+              <div className="flex flex-nowrap">
                 <Checkbox value="address">
                   <div className="w-100px text-left">地址</div>
                 </Checkbox>
-                <span>{customer.address}</span>
+                <div>{customer.address}</div>
               </div>
-              <div>
+              <div className="flex flex-nowrap">
                 <Checkbox value="ride">
                   <div className="w-100px text-left">乘车路线</div>
                 </Checkbox>
-                <span>{customer.ride}</span>
+                <div>{customer.ride}</div>
               </div>
-              <div>
+              <div className="flex flex-nowrap">
                 <Checkbox value="landmarks">
                   <div className="w-100px text-left">地标建筑</div>
                 </Checkbox>
-                <span>{customer.landmarks}</span>
+                <div>{customer.landmarks}</div>
               </div>
-              <div>
+              <div className="flex flex-nowrap">
                 <Checkbox value="stay">
                   <div className="w-100px text-left">参考住宿</div>
                 </Checkbox>
-                <span>{customer.stay}</span>
+                <div>{customer.stay}</div>
               </div>
             </Checkbox.Group>
           </div>