Nickname

本文介绍如何使用快速排序算法对用户昵称进行排序并统计每个昵称的使用次数,通过案例演示了从输入数据到输出结果的完整过程。
Problem Description
ZSUQ Messenger is similar with Tencent QQ. Each user will make a nickname for itself. Different users can have identical nickname. Some common ones, such as "Tom","Marry","Kate", are frequently used. In a recent survey, the ZSUQ Company was astonished to find that there are no more than 5000 distinct nicknames that are being used.
Being a member of the ZSUQ Company, you are asked to make a report, telling the number of users for each nick name. A complete list of all users' nicknames is provided to you. Please note that nicknames are case insensitive.
Input
The first line of the file contains an integer indicating the number of test cases.
In each test case, there is an integer N in the first line (0<N<100000). The following N lines describe N users' nicknames. Each name consists of no more than 100 characters. There is a bland line between two cases.
Output
For each case, give out a list of the distinct nickname, one per line, followed by a bland space and the number of users who has this nickname. The names are in alphabetic order. There is no bland space at the beginning or the end of each line. Nicknames should be presented in lowercase letter. There is a bland line between two cases.
Sample Input
1
4
carp
inkfish
peipei
carp
Sample Output
carp 2
inkfish 1

peipei 1

//对快速排序算法的认识太过局限,快速排序不仅仅可以用于整数型,还可以用于其它数据类型

#include<stdio.h>
#include<iostream>
#include<algorithm>
#include<string.h>
using namespace std;
int n,t,cnt;
char nd[100005][104],ans[100005][104];
int num[100005];
void quickSort(int left,int right)
{  
	int i=left; 
	int j=right;
	char tmp[104];
	strcpy(tmp,nd[left]);
	if(left>=right)
		return;
	while(i!=j)
	{
		while(i<j&&strcmp(nd[j],tmp)>0)
			j--;
		if(j>i)
			strcpy(nd[i++],nd[j]);
		while(i<j&&strcmp(nd[i],tmp)<0)
			i++;
		if(i<j)
			strcpy(nd[j--],nd[i]);
	}
	strcpy(nd[i],tmp);
	quickSort(left,i-1);
	quickSort(i+1,right);
}
int main()
{
	//freopen("b.txt","r",stdin);
	scanf("%d",&t);
	char s[104];
	while(t--)
	{
		scanf("%d",&n);
		int i,j,len;
		cnt=0;
		for(i=0;i<n;i++)
		{
			scanf("%s",s);
			len=strlen(s);
			for(j=0;j<len;j++)
				if(s[j]>='A'&&s[j]<='Z')
					s[j]=s[j]-'A'+'a';
				strcpy(nd[i],s);
		}
		quickSort(0,n-1);
		cnt=0;
		num[cnt]=1;
		strcpy(ans[0],nd[0]);
		for(i=1;i<n;i++)
		{
			//printf("%s\n",nd[i]);
			if(strcmp(ans[cnt],nd[i])==0)
				num[cnt]++;
			else 
			{
				++cnt;
				strcpy(ans[cnt],nd[i]);
				num[cnt]=1;
			}
		}
		for(i=0;i<=cnt;i++)
			printf("%s %d\n",ans[i],num[i]);


		printf("\n");
	}
	return 0;
}


import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); }import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); }import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); } import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); } import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); } import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); } import { useState, useMemo } from 'react'; import { Table, Form, Row, Col, Input, Button, message } from 'antd'; import { PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; import TitleCard from '@components/TitleCard'; import st from './index.module.scss'; export default function NotAddedUsersCard({ notAddedUsers, setNotAddedUsers, setAddedUsers }) { const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [searchValues, setSearchValues] = useState({ accountNum: '', nickName: '', }); const filteredData = useMemo(() => { return notAddedUsers.filter((user) => { const matchAccountNum = searchValues.accountNum ? user.accountNum?.includes(searchValues.accountNum) : true; const matchNickName = searchValues.nickName ? user.nickName?.includes(searchValues.nickName) : true; return matchAccountNum && matchNickName; }); }, [notAddedUsers, searchValues]); const handleAdd = (record) => { setNotAddedUsers((draft) => { const index = draft.findIndex((user) => user.accountId === record.accountId); if (index > -1) { draft.splice(index, 1); } }); setAddedUsers((draft) => { draft.push(record); }); }; const handleBatchAdd = () => { if (selectedRows.length === 0) { message.warning('请至少选择一个用户'); return; } setNotAddedUsers((draft) => { const selectedAccountIds = selectedRows.map((row) => row.accountId); for (let i = draft.length - 1; i >= 0; i--) { if (selectedAccountIds.includes(draft[i].accountId)) { draft.splice(i, 1); } } }); setAddedUsers((draft) => { selectedRows.forEach((row) => { draft.push(row); }); }); setSelectedRowKeys([]); setSelectedRows([]); }; const columns = [ { key: 'accountId', title: '用户ID', dataIndex: 'accountId', }, { key: 'accountNum', title: '账号', dataIndex: 'accountNum', }, { key: 'nickName', title: '昵称', dataIndex: 'nickName', }, { key: 'operation', title: '操作', render: (text, record) => <Button type='link' onClick={() => handleAdd(record)} icon={<PlusCircleOutlined />} />, }, ]; const onSearch = () => { const values = form.getFieldsValue(); setSearchValues({ accountNum: values.accountNum || '', nickName: values.nickName || '', }); setCurrentPage(1); }; const onReset = () => { form.resetFields(); setSearchValues({ accountNum: '', nickName: '', }); setCurrentPage(1); }; const onSelectChange = (newSelectedRowKeys, selectedRows) => { setSelectedRowKeys(newSelectedRowKeys); setSelectedRows(selectedRows); }; const rowSelection = { selectedRowKeys, onChange: onSelectChange, }; return ( <TitleCard title='添加用户到用户组' titleTip='从系统用户中选择需要添加到当前用户组的成员' actionBtnTxt='批量添加' type='primary' btnIcon={<PlusOutlined />} actionBtnClick={handleBatchAdd} > <Form form={form} labelWrap labelAlign='left'> <Row gutter={24}> <Col span={12}> <Form.Item label='账号' name='accountNum'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={12}> <Form.Item label='昵称' name='nickName'> <Input allowClear placeholder='请输入' /> </Form.Item> </Col> <Col span={24} className={st.operations}> <Button onClick={onReset}>重置</Button> <Button type='primary' onClick={onSearch}> 查询 </Button> </Col> </Row> </Form> <Table columns={columns} dataSource={filteredData} rowKey='accountId' pagination={{ showSizeChanger: true, pageSize, total: filteredData.length, showTotal: (total) => `共${total}条`, position: ['bottomCenter'], size: 'default', current: currentPage, onChange: (page, size) => { setCurrentPage(page); setPageSize(size); }, showQuickJumper: true, }} rowSelection={rowSelection} scroll={{ y: 'calc(100vh - 40.3rem)' }} /> </TitleCard> ); }你需要把里面的中文都提取出来(注释内的不需要),每一个都作为object的key,对应的value是一个数组,数组第一个元素和key相同,第二个元素是key翻译出来的英文,直接给结果 (不要遗漏中文,我发现你前几次会遗漏中文) ,再给这个文件加上import { useTranslation } from 'react-i18next’;(加在文件顶部) const { t, i18n: { language }, } = useTranslation();(要加在组件内)不要增减注释,每个中文要用t('')包裹起来,中文中间有变量的,要把变量前后的中文分别用t('')包裹起来,直接给结果,我需要的两种结果分开给我
11-19
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值