|
@@ -6,6 +6,8 @@ import '@common/common.less';
|
|
|
import { useSelector } from 'react-redux'
|
|
|
import apiObj from '@api/index';
|
|
|
import UserContext from './user-context';
|
|
|
+import utils from '@utils/index'
|
|
|
+const { getValueFromEvent } = utils;
|
|
|
const { post, api, xPost } = apiObj;
|
|
|
const { Option } = Select;
|
|
|
function UserManager() {
|
|
@@ -24,6 +26,12 @@ function UserManager() {
|
|
|
const [roleList, setRoleList] = useState([]);
|
|
|
const [size, setSize] = useState(15);
|
|
|
const [total, setTotal] = useState(0);
|
|
|
+ const [current, setCurrent] = useState(1);
|
|
|
+ const [params, setParams] = useState({
|
|
|
+ pages: 1,
|
|
|
+ current: 1,
|
|
|
+ size: 15
|
|
|
+ });
|
|
|
const [form] = Form.useForm();
|
|
|
const tipText = {
|
|
|
1: '确定要删除该用户?',
|
|
@@ -34,7 +42,7 @@ function UserManager() {
|
|
|
return state.staticInfo;
|
|
|
});
|
|
|
let list = []
|
|
|
- let params = {
|
|
|
+ let data = {
|
|
|
pages: 1,
|
|
|
current: 1,
|
|
|
size: 15
|
|
@@ -56,8 +64,8 @@ function UserManager() {
|
|
|
}
|
|
|
}
|
|
|
//表格数据
|
|
|
- function getUserPage() {
|
|
|
- post(api.getUserPage, params).then((res) => {
|
|
|
+ function getUserPage(param) {
|
|
|
+ post(api.getUserPage, param || params).then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
|
const data = res.data.data;
|
|
|
setUserList(data.records);
|
|
@@ -164,23 +172,31 @@ function UserManager() {
|
|
|
params.current = current
|
|
|
params.size = pageSize
|
|
|
setSize(pageSize)
|
|
|
+ setCurrent(current)
|
|
|
+ setParams(params)
|
|
|
getUserPage()
|
|
|
}
|
|
|
function changePage(page, pageSize) {
|
|
|
params.current = page
|
|
|
params.size = pageSize
|
|
|
+ setCurrent(page)
|
|
|
+ setParams(params)
|
|
|
getUserPage()
|
|
|
}
|
|
|
const onFinish = (value) => {
|
|
|
- params = {
|
|
|
- ...params,
|
|
|
+ const param = {
|
|
|
+ ...data,
|
|
|
...value
|
|
|
}
|
|
|
- getUserPage();
|
|
|
+ setCurrent(1)
|
|
|
+ setParams(param)
|
|
|
+ getUserPage(param);
|
|
|
};
|
|
|
const onReset = () => {
|
|
|
+ setCurrent(1)
|
|
|
+ setParams(data)
|
|
|
form.resetFields();
|
|
|
- getUserPage();
|
|
|
+ getUserPage(data);
|
|
|
};
|
|
|
const messageBox = (type, id) => {
|
|
|
setMsvisible(true)
|
|
@@ -269,13 +285,13 @@ function UserManager() {
|
|
|
>
|
|
|
<Row gutter={24}>
|
|
|
<Col span={5} key={0}>
|
|
|
- <Form.Item label="用户名" name="username">
|
|
|
- <Input placeholder="用户名" />
|
|
|
+ <Form.Item label="用户名" name="username" getValueFromEvent={getValueFromEvent}>
|
|
|
+ <Input placeholder="用户名" autoComplete='off'/>
|
|
|
</Form.Item>
|
|
|
</Col>
|
|
|
<Col span={5} key={1}>
|
|
|
- <Form.Item label="姓名" name="name">
|
|
|
- <Input placeholder="姓名" />
|
|
|
+ <Form.Item label="姓名" name="name" getValueFromEvent={getValueFromEvent}>
|
|
|
+ <Input placeholder="姓名" autoComplete='off'/>
|
|
|
</Form.Item>
|
|
|
</Col>
|
|
|
<Col span={5} key={2}>
|
|
@@ -317,8 +333,8 @@ function UserManager() {
|
|
|
dataSource={userList}
|
|
|
rowKey={record => record.userId + record.hospitalName}
|
|
|
pagination={{
|
|
|
- pageNo: 1,
|
|
|
- size,
|
|
|
+ current: current,
|
|
|
+ pageSize: size,
|
|
|
size: 'small',
|
|
|
showSizeChanger: true,
|
|
|
pageSizeOptions: ['15', '30', '60', '120'],
|