|
@@ -1,6 +1,6 @@
|
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
import style from '../../corpUserManage/index.less'
|
|
import style from '../../corpUserManage/index.less'
|
|
-import { App, Button, Card, DatePicker, Drawer, Input, Pagination, Popconfirm, Select, Space, Table, Tabs, Tag } from 'antd';
|
|
|
|
|
|
+import { App, Button, Card, DatePicker, Drawer, Input, Pagination, Popconfirm, Select, Space, Table, Tabs, Tag, Typography } from 'antd';
|
|
import { MenuUnfoldOutlined, MenuFoldOutlined, SearchOutlined } from '@ant-design/icons';
|
|
import { MenuUnfoldOutlined, MenuFoldOutlined, SearchOutlined } from '@ant-design/icons';
|
|
import { useAjax } from '@/Hook/useAjax';
|
|
import { useAjax } from '@/Hook/useAjax';
|
|
import { api_corpUser_allOfUser, getAdAccountAllOfMember } from '@/API/global';
|
|
import { api_corpUser_allOfUser, getAdAccountAllOfMember } from '@/API/global';
|
|
@@ -15,6 +15,7 @@ import DisbandChatLog from './disbandChatLog';
|
|
import ZpMp from './zpMp';
|
|
import ZpMp from './zpMp';
|
|
import ChatLog from './chatLog';
|
|
import ChatLog from './chatLog';
|
|
import { getBindMpListApi } from '@/pages/weComTask/API/corpUserAssign';
|
|
import { getBindMpListApi } from '@/pages/weComTask/API/corpUserAssign';
|
|
|
|
+const { Title } = Typography;
|
|
|
|
|
|
const WeAssociationList: React.FC = () => {
|
|
const WeAssociationList: React.FC = () => {
|
|
|
|
|
|
@@ -304,29 +305,11 @@ const WeAssociationList: React.FC = () => {
|
|
dataSource={getGroupChatList?.data?.data?.records}
|
|
dataSource={getGroupChatList?.data?.data?.records}
|
|
loading={getGroupChatList?.loading}
|
|
loading={getGroupChatList?.loading}
|
|
columns={TableConfig(lockUsers, handleChatLog)}
|
|
columns={TableConfig(lockUsers, handleChatLog)}
|
|
- scroll={{ y: size?.height && ref.current ? size?.height - ref.current.querySelector('.ant-table-thead').clientHeight - 38 : 300 }}
|
|
|
|
|
|
+ scroll={{ y: size?.height && ref.current ? size?.height - ref.current.querySelector('.ant-table-thead').clientHeight : 300 }}
|
|
rowKey={'id'}
|
|
rowKey={'id'}
|
|
bordered
|
|
bordered
|
|
pagination={false}
|
|
pagination={false}
|
|
size='small'
|
|
size='small'
|
|
- summary={() => (
|
|
|
|
- <Table.Summary fixed>
|
|
|
|
- <Table.Summary.Row>
|
|
|
|
- <Table.Summary.Cell index={0} colSpan={2} align="center">
|
|
|
|
- <Space size={0}>
|
|
|
|
- <strong style={{ fontSize: 16 }}>群总数:</strong>
|
|
|
|
- <strong style={{ fontSize: 16 }}>{getGroupChatCount.data?.data?.groupChatCount}</strong>
|
|
|
|
- </Space>
|
|
|
|
- </Table.Summary.Cell>
|
|
|
|
- <Table.Summary.Cell index={1} colSpan={2} align="center">
|
|
|
|
- <Space>
|
|
|
|
- <strong style={{ fontSize: 16 }}>群成员总数:</strong>
|
|
|
|
- <strong style={{ fontSize: 16 }}>{getGroupChatCount.data?.data?.groupChatUserCount}</strong>
|
|
|
|
- </Space>
|
|
|
|
- </Table.Summary.Cell>
|
|
|
|
- </Table.Summary.Row>
|
|
|
|
- </Table.Summary>
|
|
|
|
- )}
|
|
|
|
rowSelection={{
|
|
rowSelection={{
|
|
type: 'checkbox',
|
|
type: 'checkbox',
|
|
selectedRowKeys: editSelectedRow?.map(item => item.id),
|
|
selectedRowKeys: editSelectedRow?.map(item => item.id),
|
|
@@ -351,6 +334,12 @@ const WeAssociationList: React.FC = () => {
|
|
}}
|
|
}}
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div className={style.corpUserList_footer}>
|
|
|
|
+ <Space size={40}>
|
|
|
|
+ <Title level={4} style={{ margin: 0 }}>群总数:{getGroupChatCount.data?.data?.groupChatCount || 0}</Title>
|
|
|
|
+ <Title level={4} style={{ margin: 0 }}>群成员总数:{getGroupChatCount.data?.data?.groupChatUserCount || 0}</Title>
|
|
|
|
+ </Space>
|
|
|
|
+ </div>
|
|
<div className={style.corpUserList_footer}>
|
|
<div className={style.corpUserList_footer}>
|
|
<Pagination
|
|
<Pagination
|
|
size="small"
|
|
size="small"
|