客户列表 修改

src/pages/customer/customerlist/index.jsx

 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const [dataSource, setDataSource] = useState({ records: [] })
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  // const [columns, setColumns] = useState(privateColumns)
 
   // 默认私客
   // eslint-disable-next-line react-hooks/rules-of-hooks
 
     const { value } = e.target
     setCustomerType(value)
+    //setColumns(value === 'private' ? privateColumns : publicColumns)
     getList({ pageNumber: 1, pageSize: 10, customerType: value })
   }
 
     link.click()
   }
 
-  const columns = [
+  const publicColumns = [
+    {
+      title: '头像',
+      dataIndex: 'picture',
+      key: 'picture',
+      align: 'center',
+      width: '15%',
+      render: (_, record) => <Avatar shape="square" src={customerType === 'private' ? record.picture : record.avatarurl} size={64} icon="user" />,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+      align: 'center',
+      width: '10%',
+      // eslint-disable-next-line no-nested-ternary
+      render: (_, record) => <><span>{customerType === 'private' ? record.name : record.nickname}</span></>,
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+      align: 'center',
+      width: '15%',
+    },
+  ]
+
+  const privateColumns = [
     {
       title: '头像',
       dataIndex: 'picture',
           </Radio.Group>
         </AuthButton>
       </div>
-      <Table dataSource={dataSource.records} columns={columns} pagination={{ total: dataSource.total, onChange }} rowKey="customerList" />
-
+      {customerType === 'private' ? 
+        <Table dataSource={dataSource.records} columns={privateColumns} pagination={{ total: dataSource.total, onChange }} rowKey="customerList" /> :
+        <Table dataSource={dataSource.records} columns={publicColumns} pagination={{ total: dataSource.total, onChange }} rowKey="customerList" /> 
+      }
+      
       {/* 调整归属 */}
       <Attribution visibleData={gVisibleData} />