|
@@ -3,8 +3,8 @@ import ContactDetail from '@/pages/Customer/Client/components/ClientDetail'
|
|
|
import LocksDetail from '@/pages/Product/Lock/LockStore/components/LocksDetail'
|
|
import LocksDetail from '@/pages/Product/Lock/LockStore/components/LocksDetail'
|
|
|
import React, { useRef, useState } from 'react'
|
|
import React, { useRef, useState } from 'react'
|
|
|
import { Tabs, message, Dropdown, Menu, Typography } from 'antd'
|
|
import { Tabs, message, Dropdown, Menu, Typography } from 'antd'
|
|
|
-import { Table } from '@arco-design/web-react'
|
|
|
|
|
-import '@arco-design/web-react/dist/css/arco.css'
|
|
|
|
|
|
|
+// import { Table } from '@arco-design/web-react'
|
|
|
|
|
+// import '@arco-design/web-react/dist/css/arco.css'
|
|
|
import styles from './index.less'
|
|
import styles from './index.less'
|
|
|
import AddContact from '@/pages/Customer/Client/components/AddClient'
|
|
import AddContact from '@/pages/Customer/Client/components/AddClient'
|
|
|
import { apiAddClient, apiAddCustomerService, updateClient } from '@/services/customer'
|
|
import { apiAddClient, apiAddCustomerService, updateClient } from '@/services/customer'
|
|
@@ -121,7 +121,7 @@ const CompanyTabList = ({
|
|
|
{
|
|
{
|
|
|
title: '优先级',
|
|
title: '优先级',
|
|
|
dataIndex: 'priority',
|
|
dataIndex: 'priority',
|
|
|
- width: 90,
|
|
|
|
|
|
|
+ width: 75,
|
|
|
headerCellStyle: {
|
|
headerCellStyle: {
|
|
|
backgroundColor: '#fafafa'
|
|
backgroundColor: '#fafafa'
|
|
|
},
|
|
},
|
|
@@ -147,7 +147,7 @@ const CompanyTabList = ({
|
|
|
title: '所有部门',
|
|
title: '所有部门',
|
|
|
dataIndex: 'department',
|
|
dataIndex: 'department',
|
|
|
onFilter: true,
|
|
onFilter: true,
|
|
|
- width: 120,
|
|
|
|
|
|
|
+ width: 90,
|
|
|
headerCellStyle: {
|
|
headerCellStyle: {
|
|
|
backgroundColor: '#fafafa'
|
|
backgroundColor: '#fafafa'
|
|
|
},
|
|
},
|
|
@@ -162,7 +162,7 @@ const CompanyTabList = ({
|
|
|
{
|
|
{
|
|
|
title: '姓名',
|
|
title: '姓名',
|
|
|
dataIndex: 'clientName',
|
|
dataIndex: 'clientName',
|
|
|
- // width: 80,
|
|
|
|
|
|
|
+ width: 100,
|
|
|
headerCellStyle: {
|
|
headerCellStyle: {
|
|
|
backgroundColor: '#fafafa'
|
|
backgroundColor: '#fafafa'
|
|
|
},
|
|
},
|
|
@@ -177,7 +177,7 @@ const CompanyTabList = ({
|
|
|
{
|
|
{
|
|
|
title: '昵称',
|
|
title: '昵称',
|
|
|
dataIndex: 'niceName',
|
|
dataIndex: 'niceName',
|
|
|
- // width: 80,
|
|
|
|
|
|
|
+ width: 100,
|
|
|
headerCellStyle: {
|
|
headerCellStyle: {
|
|
|
backgroundColor: '#fafafa'
|
|
backgroundColor: '#fafafa'
|
|
|
},
|
|
},
|
|
@@ -186,7 +186,7 @@ const CompanyTabList = ({
|
|
|
{
|
|
{
|
|
|
title: '手机',
|
|
title: '手机',
|
|
|
dataIndex: 'telephone',
|
|
dataIndex: 'telephone',
|
|
|
- // width: 110,
|
|
|
|
|
|
|
+ width: 90,
|
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
|
headerCellStyle: {
|
|
headerCellStyle: {
|
|
|
backgroundColor: '#fafafa'
|
|
backgroundColor: '#fafafa'
|
|
@@ -196,7 +196,7 @@ const CompanyTabList = ({
|
|
|
{
|
|
{
|
|
|
title: 'QQ',
|
|
title: 'QQ',
|
|
|
dataIndex: 'qq',
|
|
dataIndex: 'qq',
|
|
|
- // width: 100,
|
|
|
|
|
|
|
+ width: 90,
|
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
|
headerCellStyle: {
|
|
headerCellStyle: {
|
|
|
backgroundColor: '#fafafa'
|
|
backgroundColor: '#fafafa'
|
|
@@ -374,15 +374,15 @@ const CompanyTabList = ({
|
|
|
<Tabs>
|
|
<Tabs>
|
|
|
<TabPane tab={<span>客户{renderBadge(client.total, true)}</span>} key="1">
|
|
<TabPane tab={<span>客户{renderBadge(client.total, true)}</span>} key="1">
|
|
|
<div className={['sheet-right-panel', styles.tableCont].join(' ')} ref={tRef}>
|
|
<div className={['sheet-right-panel', styles.tableCont].join(' ')} ref={tRef}>
|
|
|
- <Table
|
|
|
|
|
|
|
+ {/* <Table
|
|
|
virtualized
|
|
virtualized
|
|
|
scroll={{ y: clientHeight }}
|
|
scroll={{ y: clientHeight }}
|
|
|
border={false}
|
|
border={false}
|
|
|
columns={columns}
|
|
columns={columns}
|
|
|
data={client.client}
|
|
data={client.client}
|
|
|
pagination={false}
|
|
pagination={false}
|
|
|
- />
|
|
|
|
|
- {/* <ProTable
|
|
|
|
|
|
|
+ /> */}
|
|
|
|
|
+ <ProTable
|
|
|
size="small"
|
|
size="small"
|
|
|
columns={columns}
|
|
columns={columns}
|
|
|
search={false}
|
|
search={false}
|
|
@@ -391,7 +391,7 @@ const CompanyTabList = ({
|
|
|
rowKey={record => record.id}
|
|
rowKey={record => record.id}
|
|
|
pagination={false}
|
|
pagination={false}
|
|
|
scroll={{ y: clientHeight }}
|
|
scroll={{ y: clientHeight }}
|
|
|
- /> */}
|
|
|
|
|
|
|
+ />
|
|
|
{/* <VirtualTable
|
|
{/* <VirtualTable
|
|
|
size="small"
|
|
size="small"
|
|
|
columns={columns}
|
|
columns={columns}
|