员工列表 增加部门
This commit is contained in:
parent
e01179605b
commit
9b7ca47ae4
@ -1,5 +1,5 @@
|
|||||||
import {message} from 'antd';
|
import { message } from 'antd';
|
||||||
import {buildTreeNode, findCheckedKeys} from '../../utils/tree.utils';
|
import { buildTreeNode, findCheckedKeys } from '../../utils/tree.utils';
|
||||||
import {
|
import {
|
||||||
addAdmin,
|
addAdmin,
|
||||||
adminRoleAssign,
|
adminRoleAssign,
|
||||||
@ -8,14 +8,30 @@ import {
|
|||||||
queryAdminRoleList,
|
queryAdminRoleList,
|
||||||
updateAdmin,
|
updateAdmin,
|
||||||
updateAdminStatus,
|
updateAdminStatus,
|
||||||
|
deptTreeAll,
|
||||||
} from '../../services/admin';
|
} from '../../services/admin';
|
||||||
import {arrayToStringParams} from '../../utils/request.qs';
|
import { arrayToStringParams } from '../../utils/request.qs';
|
||||||
import PaginationHelper from '../../../helpers/PaginationHelper';
|
import PaginationHelper from '../../../helpers/PaginationHelper';
|
||||||
|
|
||||||
const SEARCH_PARAMS_DEFAULT = {
|
const SEARCH_PARAMS_DEFAULT = {
|
||||||
nickname: '',
|
nickname: '',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const buildSelectTree = list => {
|
||||||
|
return list.map(item => {
|
||||||
|
let children = [];
|
||||||
|
if (item.children) {
|
||||||
|
children = buildSelectTree(item.children);
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
title: item.name,
|
||||||
|
value: `${item.name}-${item.id}`,
|
||||||
|
key: item.id,
|
||||||
|
children,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
namespace: 'adminList',
|
namespace: 'adminList',
|
||||||
|
|
||||||
@ -37,11 +53,22 @@ export default {
|
|||||||
roleModalVisible: false,
|
roleModalVisible: false,
|
||||||
roleCheckedKeys: [], // 此处的 Key ,就是角色编号
|
roleCheckedKeys: [], // 此处的 Key ,就是角色编号
|
||||||
roleAssignLoading: false,
|
roleAssignLoading: false,
|
||||||
|
|
||||||
|
//部门相关
|
||||||
|
deptSelectTree: [],
|
||||||
},
|
},
|
||||||
|
|
||||||
effects: {
|
effects: {
|
||||||
|
*getDeptmentTree({ payload }, { call, put }) {
|
||||||
|
const result = yield call(deptTreeAll, payload);
|
||||||
|
yield put({
|
||||||
|
type: 'treeSuccess',
|
||||||
|
payload: result.data,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
// 查询列表
|
// 查询列表
|
||||||
* query({ payload }, { call, put }) {
|
*query({ payload }, { call, put }) {
|
||||||
// 显示加载中
|
// 显示加载中
|
||||||
yield put({
|
yield put({
|
||||||
type: 'changeListLoading',
|
type: 'changeListLoading',
|
||||||
@ -57,8 +84,8 @@ export default {
|
|||||||
list: response.data.list,
|
list: response.data.list,
|
||||||
pagination: PaginationHelper.formatPagination(response.data, payload),
|
pagination: PaginationHelper.formatPagination(response.data, payload),
|
||||||
searchParams: {
|
searchParams: {
|
||||||
nickname: payload.nickname || ''
|
nickname: payload.nickname || '',
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -68,7 +95,7 @@ export default {
|
|||||||
payload: false,
|
payload: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
* add({ payload }, { call, put }) {
|
*add({ payload }, { call, put }) {
|
||||||
// 显示加载中
|
// 显示加载中
|
||||||
yield put({
|
yield put({
|
||||||
type: 'changeModalLoading',
|
type: 'changeModalLoading',
|
||||||
@ -87,7 +114,7 @@ export default {
|
|||||||
yield put({
|
yield put({
|
||||||
type: 'query',
|
type: 'query',
|
||||||
payload: {
|
payload: {
|
||||||
...PaginationHelper.defaultPayload
|
...PaginationHelper.defaultPayload,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -98,7 +125,7 @@ export default {
|
|||||||
payload: false,
|
payload: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
* update({ payload }, { call, put }) {
|
*update({ payload }, { call, put }) {
|
||||||
const { callback, body } = payload;
|
const { callback, body } = payload;
|
||||||
// 显示加载中
|
// 显示加载中
|
||||||
yield put({
|
yield put({
|
||||||
@ -117,7 +144,7 @@ export default {
|
|||||||
yield put({
|
yield put({
|
||||||
type: 'query',
|
type: 'query',
|
||||||
payload: {
|
payload: {
|
||||||
...PaginationHelper.defaultPayload
|
...PaginationHelper.defaultPayload,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -129,7 +156,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
* updateStatus({ payload }, { call, put }) {
|
*updateStatus({ payload }, { call, put }) {
|
||||||
// 请求
|
// 请求
|
||||||
const response = yield call(updateAdminStatus, payload);
|
const response = yield call(updateAdminStatus, payload);
|
||||||
// 响应
|
// 响应
|
||||||
@ -139,13 +166,13 @@ export default {
|
|||||||
yield put({
|
yield put({
|
||||||
type: 'query',
|
type: 'query',
|
||||||
payload: {
|
payload: {
|
||||||
...PaginationHelper.defaultPayload
|
...PaginationHelper.defaultPayload,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
* delete({ payload }, { call, put }) {
|
*delete({ payload }, { call, put }) {
|
||||||
// 请求
|
// 请求
|
||||||
const response = yield call(deleteAdmin, payload);
|
const response = yield call(deleteAdmin, payload);
|
||||||
// 响应
|
// 响应
|
||||||
@ -155,13 +182,13 @@ export default {
|
|||||||
yield put({
|
yield put({
|
||||||
type: 'query',
|
type: 'query',
|
||||||
payload: {
|
payload: {
|
||||||
...PaginationHelper.defaultPayload
|
...PaginationHelper.defaultPayload,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
* queryRoleList({ payload }, { call, put }) {
|
*queryRoleList({ payload }, { call, put }) {
|
||||||
// 显示加载中
|
// 显示加载中
|
||||||
yield put({
|
yield put({
|
||||||
type: 'changeRoleAssignLoading',
|
type: 'changeRoleAssignLoading',
|
||||||
@ -191,7 +218,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
* roleAssign({ payload }, { call, put }) {
|
*roleAssign({ payload }, { call, put }) {
|
||||||
const { callback, body } = payload;
|
const { callback, body } = payload;
|
||||||
// 显示加载中
|
// 显示加载中
|
||||||
yield put({
|
yield put({
|
||||||
@ -220,6 +247,27 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
reducers: {
|
reducers: {
|
||||||
|
treeSuccess(state, { payload }) {
|
||||||
|
const resultData = payload;
|
||||||
|
const treeData = buildSelectTree(resultData);
|
||||||
|
|
||||||
|
// // value 要保护 displayName 不然,搜索会失效
|
||||||
|
// const rootNode = [
|
||||||
|
// {
|
||||||
|
// title: '根节点',
|
||||||
|
// value: `根节点-0`,
|
||||||
|
// key: 0,
|
||||||
|
// children: [],
|
||||||
|
// },
|
||||||
|
// ];
|
||||||
|
|
||||||
|
// const deptSelectTree = rootNode.concat(treeData);
|
||||||
|
return {
|
||||||
|
...state,
|
||||||
|
// list: resultData,
|
||||||
|
deptSelectTree: treeData,
|
||||||
|
};
|
||||||
|
},
|
||||||
changeRoleCheckedKeys(state, { payload }) {
|
changeRoleCheckedKeys(state, { payload }) {
|
||||||
return {
|
return {
|
||||||
...state,
|
...state,
|
||||||
@ -251,6 +299,6 @@ export default {
|
|||||||
...state,
|
...state,
|
||||||
...payload,
|
...payload,
|
||||||
};
|
};
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -2,22 +2,44 @@
|
|||||||
|
|
||||||
import React, { PureComponent, Fragment } from 'react';
|
import React, { PureComponent, Fragment } from 'react';
|
||||||
import { connect } from 'dva';
|
import { connect } from 'dva';
|
||||||
import {Card, Form, Input, Button, Modal, message, Table, Divider, Tree, Spin, Row, Col, Select, Icon} from 'antd';
|
import {
|
||||||
import { checkTypeWithEnglishAndNumbers } from '../../../helpers/validator'
|
Card,
|
||||||
|
Form,
|
||||||
|
Input,
|
||||||
|
Button,
|
||||||
|
Modal,
|
||||||
|
message,
|
||||||
|
Table,
|
||||||
|
Divider,
|
||||||
|
Tree,
|
||||||
|
Spin,
|
||||||
|
Row,
|
||||||
|
Col,
|
||||||
|
Select,
|
||||||
|
Icon,
|
||||||
|
TreeSelect,
|
||||||
|
} from 'antd';
|
||||||
|
import { checkTypeWithEnglishAndNumbers } from '../../../helpers/validator';
|
||||||
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||||
|
|
||||||
import styles from './AdminList.less';
|
import styles from './AdminList.less';
|
||||||
import moment from "moment";
|
import moment from 'moment';
|
||||||
import PaginationHelper from "../../../helpers/PaginationHelper";
|
import PaginationHelper from '../../../helpers/PaginationHelper';
|
||||||
|
|
||||||
const FormItem = Form.Item;
|
const FormItem = Form.Item;
|
||||||
const { TreeNode } = Tree;
|
const { TreeNode } = Tree;
|
||||||
const status = ['未知', '正常', '禁用'];
|
const status = ['未知', '正常', '禁用'];
|
||||||
|
|
||||||
// 列表
|
// 列表
|
||||||
function List ({ dataSource, loading, pagination, searchParams, dispatch,
|
function List({
|
||||||
handleModalVisible, handleRoleAssignModalVisible}) {
|
dataSource,
|
||||||
|
loading,
|
||||||
|
pagination,
|
||||||
|
searchParams,
|
||||||
|
dispatch,
|
||||||
|
handleModalVisible,
|
||||||
|
handleRoleAssignModalVisible,
|
||||||
|
}) {
|
||||||
function handleRoleAssign(record) {
|
function handleRoleAssign(record) {
|
||||||
// 显示 Modal
|
// 显示 Modal
|
||||||
handleRoleAssignModalVisible(true, record);
|
handleRoleAssignModalVisible(true, record);
|
||||||
@ -66,12 +88,16 @@ function List ({ dataSource, loading, pagination, searchParams, dispatch,
|
|||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: '账号',
|
title: '账号',
|
||||||
dataIndex: 'username'
|
dataIndex: 'username',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '员工姓名',
|
title: '员工姓名',
|
||||||
dataIndex: 'nickname',
|
dataIndex: 'nickname',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '部门',
|
||||||
|
dataIndex: 'deptment.name',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '角色',
|
title: '角色',
|
||||||
dataIndex: 'roles',
|
dataIndex: 'roles',
|
||||||
@ -85,8 +111,8 @@ function List ({ dataSource, loading, pagination, searchParams, dispatch,
|
|||||||
text += roles[i].name;
|
text += roles[i].name;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return (<span>{text}</span>);
|
return <span>{text}</span>;
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '状态',
|
title: '状态',
|
||||||
@ -114,30 +140,30 @@ function List ({ dataSource, loading, pagination, searchParams, dispatch,
|
|||||||
<a className={styles.tableDelete} onClick={() => handleStatus(record)}>
|
<a className={styles.tableDelete} onClick={() => handleStatus(record)}>
|
||||||
{statusText}
|
{statusText}
|
||||||
</a>
|
</a>
|
||||||
{
|
{record.status === 2 ? (
|
||||||
record.status === 2 ?
|
|
||||||
<span>
|
<span>
|
||||||
<Divider type="vertical" />
|
<Divider type="vertical" />
|
||||||
<a className={styles.tableDelete} onClick={() => handleDelete(record)}>
|
<a className={styles.tableDelete} onClick={() => handleDelete(record)}>
|
||||||
删除
|
删除
|
||||||
</a>
|
</a>
|
||||||
</span> : null
|
</span>
|
||||||
}
|
) : null}
|
||||||
</Fragment>
|
</Fragment>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
function onPageChange(page) { // 翻页
|
function onPageChange(page) {
|
||||||
|
// 翻页
|
||||||
dispatch({
|
dispatch({
|
||||||
type: 'adminList/query',
|
type: 'adminList/query',
|
||||||
payload: {
|
payload: {
|
||||||
pageNo: page.current,
|
pageNo: page.current,
|
||||||
pageSize: page.pageSize,
|
pageSize: page.pageSize,
|
||||||
...searchParams
|
...searchParams,
|
||||||
}
|
},
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@ -149,7 +175,7 @@ function List ({ dataSource, loading, pagination, searchParams, dispatch,
|
|||||||
pagination={pagination}
|
pagination={pagination}
|
||||||
onChange={onPageChange}
|
onChange={onPageChange}
|
||||||
/>
|
/>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 搜索表单
|
// 搜索表单
|
||||||
@ -157,17 +183,23 @@ const SearchForm = Form.create()(props => {
|
|||||||
const {
|
const {
|
||||||
form,
|
form,
|
||||||
form: { getFieldDecorator },
|
form: { getFieldDecorator },
|
||||||
dispatch
|
dispatch,
|
||||||
|
deptSelectTree,
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
function search() {
|
function search() {
|
||||||
|
const fields = form.getFieldsValue();
|
||||||
|
if (fields.deptmentId) {
|
||||||
|
const deptmentId = fields.deptmentId.split('-')[1];
|
||||||
|
fields.deptmentId = deptmentId;
|
||||||
|
}
|
||||||
dispatch({
|
dispatch({
|
||||||
type: 'adminList/query',
|
type: 'adminList/query',
|
||||||
payload: {
|
payload: {
|
||||||
...PaginationHelper.defaultPayload,
|
...PaginationHelper.defaultPayload,
|
||||||
...form.getFieldsValue()
|
...fields,
|
||||||
}
|
},
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 提交搜索
|
// 提交搜索
|
||||||
@ -189,12 +221,28 @@ const SearchForm = Form.create()(props => {
|
|||||||
return (
|
return (
|
||||||
<Form onSubmit={handleSubmit} layout="inline">
|
<Form onSubmit={handleSubmit} layout="inline">
|
||||||
<Row gutter={{ md: 8, lg: 24, xl: 48 }}>
|
<Row gutter={{ md: 8, lg: 24, xl: 48 }}>
|
||||||
<Col md={8} sm={24}>
|
<Col md={6} sm={24}>
|
||||||
<FormItem label="员工姓名">
|
<FormItem label="员工姓名">
|
||||||
{getFieldDecorator('nickname')(<Input placeholder="请输入" />)}
|
{getFieldDecorator('nickname')(<Input style={{ width: 250 }} placeholder="请输入" />)}
|
||||||
</FormItem>
|
</FormItem>
|
||||||
</Col>
|
</Col>
|
||||||
<Col md={8} sm={24}>
|
<Col md={6} sm={24}>
|
||||||
|
<FormItem label="归属部门">
|
||||||
|
{getFieldDecorator('deptmentId', {
|
||||||
|
rules: [{ required: true, message: '请选择部门' }],
|
||||||
|
})(
|
||||||
|
<TreeSelect
|
||||||
|
showSearch
|
||||||
|
style={{ width: 250 }}
|
||||||
|
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
|
||||||
|
treeData={deptSelectTree}
|
||||||
|
placeholder="选择部门"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</FormItem>
|
||||||
|
</Col>
|
||||||
|
|
||||||
|
<Col md={12} sm={24}>
|
||||||
<span className={styles.submitButtons}>
|
<span className={styles.submitButtons}>
|
||||||
<Button type="primary" htmlType="submit">
|
<Button type="primary" htmlType="submit">
|
||||||
查询
|
查询
|
||||||
@ -211,12 +259,24 @@ const SearchForm = Form.create()(props => {
|
|||||||
|
|
||||||
// 添加 or 修改 Form 表单
|
// 添加 or 修改 Form 表单
|
||||||
const AddOrUpdateForm = Form.create()(props => {
|
const AddOrUpdateForm = Form.create()(props => {
|
||||||
const { dispatch, modalVisible, form, handleModalVisible, modalType, formVals } = props;
|
const {
|
||||||
|
dispatch,
|
||||||
|
modalVisible,
|
||||||
|
form,
|
||||||
|
handleModalVisible,
|
||||||
|
modalType,
|
||||||
|
formVals,
|
||||||
|
deptSelectTree,
|
||||||
|
} = props;
|
||||||
|
|
||||||
const okHandle = () => {
|
const okHandle = () => {
|
||||||
form.validateFields((err, fields) => {
|
form.validateFields((err, fields) => {
|
||||||
if (err) return;
|
if (err) return;
|
||||||
// 添加表单
|
// 添加表单
|
||||||
|
if (fields.deptmentId) {
|
||||||
|
const deptmentId = fields.deptmentId.split('-')[1];
|
||||||
|
fields.deptmentId = deptmentId;
|
||||||
|
}
|
||||||
if (modalType === 'add') {
|
if (modalType === 'add') {
|
||||||
dispatch({
|
dispatch({
|
||||||
type: 'adminList/add',
|
type: 'adminList/add',
|
||||||
@ -264,29 +324,52 @@ const AddOrUpdateForm = Form.create()(props => {
|
|||||||
title={title}
|
title={title}
|
||||||
visible={modalVisible}
|
visible={modalVisible}
|
||||||
onOk={okHandle}
|
onOk={okHandle}
|
||||||
okText='保存'
|
okText="保存"
|
||||||
onCancel={() => handleModalVisible()}
|
onCancel={() => handleModalVisible()}
|
||||||
>
|
>
|
||||||
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="账号">
|
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="账号">
|
||||||
{form.getFieldDecorator('username', {
|
{form.getFieldDecorator('username', {
|
||||||
rules: [{ required: true, message: '请输入账号!'},
|
rules: [
|
||||||
{max: 16, min:6, message: '长度为 6-16 位'},
|
{ required: true, message: '请输入账号!' },
|
||||||
{ validator: (rule, value, callback) => checkTypeWithEnglishAndNumbers(rule, value, callback, '数字以及字母')}
|
{ max: 16, min: 6, message: '长度为 6-16 位' },
|
||||||
|
{
|
||||||
|
validator: (rule, value, callback) =>
|
||||||
|
checkTypeWithEnglishAndNumbers(rule, value, callback, '数字以及字母'),
|
||||||
|
},
|
||||||
],
|
],
|
||||||
initialValue: formVals.username,
|
initialValue: formVals.username,
|
||||||
})(<Input placeholder="请输入" />)}
|
})(<Input placeholder="请输入" />)}
|
||||||
</FormItem>
|
</FormItem>
|
||||||
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="员工姓名">
|
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="员工姓名">
|
||||||
{form.getFieldDecorator('nickname', {
|
{form.getFieldDecorator('nickname', {
|
||||||
rules: [{ required: true, message: '请输入员工姓名!'},
|
rules: [
|
||||||
{max: 10, message: '姓名最大长度为 10'}],
|
{ required: true, message: '请输入员工姓名!' },
|
||||||
|
{ max: 10, message: '姓名最大长度为 10' },
|
||||||
|
],
|
||||||
initialValue: formVals.nickname,
|
initialValue: formVals.nickname,
|
||||||
})(<Input placeholder="请输入" />)}
|
})(<Input placeholder="请输入" />)}
|
||||||
</FormItem>
|
</FormItem>
|
||||||
|
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="归属部门">
|
||||||
|
{form.getFieldDecorator('deptmentId', {
|
||||||
|
rules: [{ required: true, message: '请选择部门' }],
|
||||||
|
initialValue:
|
||||||
|
formVals.deptmentId && formVals.deptmentId !== 0 ? formVals.deptmentId : null,
|
||||||
|
})(
|
||||||
|
<TreeSelect
|
||||||
|
showSearch
|
||||||
|
style={{ width: 280 }}
|
||||||
|
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
|
||||||
|
treeData={deptSelectTree}
|
||||||
|
placeholder="选择部门"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</FormItem>
|
||||||
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="密码">
|
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="密码">
|
||||||
{form.getFieldDecorator('password', {
|
{form.getFieldDecorator('password', {
|
||||||
rules: [{ required: modalType === 'add', message: '请填写密码'}, // 添加时,必须输入密码
|
rules: [
|
||||||
{max: 16, min: 6, message: '长度为 6-18 位'}],
|
{ required: modalType === 'add', message: '请填写密码' }, // 添加时,必须输入密码
|
||||||
|
{ max: 16, min: 6, message: '长度为 6-18 位' },
|
||||||
|
],
|
||||||
initialValue: formVals.password,
|
initialValue: formVals.password,
|
||||||
})(<Input placeholder="请输入" type="password" />)}
|
})(<Input placeholder="请输入" type="password" />)}
|
||||||
</FormItem>
|
</FormItem>
|
||||||
@ -321,7 +404,8 @@ const RoleAssignModal = Form.create()(props => {
|
|||||||
|
|
||||||
const renderTreeNodes = data => {
|
const renderTreeNodes = data => {
|
||||||
return data.map(item => {
|
return data.map(item => {
|
||||||
if (item.children) { // 递归拼接节点
|
if (item.children) {
|
||||||
|
// 递归拼接节点
|
||||||
return (
|
return (
|
||||||
<TreeNode title={item.title} key={item.key} dataRef={item}>
|
<TreeNode title={item.title} key={item.key} dataRef={item}>
|
||||||
{renderTreeNodes(item.children)}
|
{renderTreeNodes(item.children)}
|
||||||
@ -387,32 +471,31 @@ const RoleAssignModal = Form.create()(props => {
|
|||||||
onOk={okHandle}
|
onOk={okHandle}
|
||||||
onCancel={() => handleModalVisible()}
|
onCancel={() => handleModalVisible()}
|
||||||
>
|
>
|
||||||
<Spin spinning={loading}>
|
<Spin spinning={loading}>{renderModalContent(treeData)}</Spin>
|
||||||
{renderModalContent(treeData)}
|
|
||||||
</Spin>
|
|
||||||
</Modal>
|
</Modal>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@connect(({ adminList }) => ({
|
@connect(({ adminList }) => ({
|
||||||
// list: adminList.list,
|
// list: adminList.list,
|
||||||
// pagination: adminList.pagination,
|
// pagination: adminList.pagination,
|
||||||
...adminList,
|
...adminList,
|
||||||
}))
|
}))
|
||||||
|
|
||||||
// 主界面
|
// 主界面
|
||||||
@Form.create()
|
@Form.create()
|
||||||
class AdminList extends PureComponent {
|
class AdminList extends PureComponent {
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
const { dispatch } = this.props;
|
const { dispatch } = this.props;
|
||||||
dispatch({
|
dispatch({
|
||||||
type: 'adminList/query',
|
type: 'adminList/query',
|
||||||
payload: {
|
payload: {
|
||||||
...PaginationHelper.defaultPayload
|
...PaginationHelper.defaultPayload,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
dispatch({
|
||||||
|
type: 'adminList/getDeptmentTree',
|
||||||
|
payload: {},
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
handleModalVisible = (modalVisible, modalType, record) => {
|
handleModalVisible = (modalVisible, modalType, record) => {
|
||||||
@ -422,7 +505,7 @@ class AdminList extends PureComponent {
|
|||||||
payload: {
|
payload: {
|
||||||
modalVisible,
|
modalVisible,
|
||||||
modalType,
|
modalType,
|
||||||
formVals: record || {}
|
formVals: record || {},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@ -433,18 +516,29 @@ class AdminList extends PureComponent {
|
|||||||
type: 'adminList/setAll',
|
type: 'adminList/setAll',
|
||||||
payload: {
|
payload: {
|
||||||
roleModalVisible: roleModalVisible,
|
roleModalVisible: roleModalVisible,
|
||||||
formVals: record || {}
|
formVals: record || {},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
// let that = this;
|
// let that = this;
|
||||||
const { dispatch,
|
const {
|
||||||
list, listLoading, searchParams, pagination,
|
dispatch,
|
||||||
modalVisible, modalType, formVals,
|
list,
|
||||||
|
listLoading,
|
||||||
|
searchParams,
|
||||||
|
pagination,
|
||||||
|
modalVisible,
|
||||||
|
modalType,
|
||||||
|
formVals,
|
||||||
confirmLoading,
|
confirmLoading,
|
||||||
roleList, roleModalVisible, roleAssignLoading, roleCheckedKeys } = this.props;
|
roleList,
|
||||||
|
roleModalVisible,
|
||||||
|
roleAssignLoading,
|
||||||
|
roleCheckedKeys,
|
||||||
|
deptSelectTree,
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
// 列表属性
|
// 列表属性
|
||||||
const listProps = {
|
const listProps = {
|
||||||
@ -461,6 +555,7 @@ class AdminList extends PureComponent {
|
|||||||
// 搜索表单属性
|
// 搜索表单属性
|
||||||
const searchFormProps = {
|
const searchFormProps = {
|
||||||
dispatch,
|
dispatch,
|
||||||
|
deptSelectTree,
|
||||||
};
|
};
|
||||||
|
|
||||||
// 添加 or 更新表单属性
|
// 添加 or 更新表单属性
|
||||||
@ -469,6 +564,7 @@ class AdminList extends PureComponent {
|
|||||||
modalType,
|
modalType,
|
||||||
formVals,
|
formVals,
|
||||||
dispatch,
|
dispatch,
|
||||||
|
deptSelectTree,
|
||||||
handleModalVisible: this.handleModalVisible, // Function
|
handleModalVisible: this.handleModalVisible, // Function
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -50,6 +50,7 @@ CREATE TABLE `admin` (
|
|||||||
`nickname` varchar(10) NOT NULL COMMENT '昵称',
|
`nickname` varchar(10) NOT NULL COMMENT '昵称',
|
||||||
`password` varchar(32) NOT NULL COMMENT '密码\n *\n * TODO 芋艿 暂时最简单的 MD5',
|
`password` varchar(32) NOT NULL COMMENT '密码\n *\n * TODO 芋艿 暂时最简单的 MD5',
|
||||||
`status` tinyint(11) NOT NULL COMMENT '账号状态',
|
`status` tinyint(11) NOT NULL COMMENT '账号状态',
|
||||||
|
`deptment_id` int(11) DEFAULT 0 NOT NULL '部门id',
|
||||||
`create_time` datetime NOT NULL COMMENT '创建时间',
|
`create_time` datetime NOT NULL COMMENT '创建时间',
|
||||||
`update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
`update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||||
`deleted` bit(1) DEFAULT NULL,
|
`deleted` bit(1) DEFAULT NULL,
|
||||||
|
@ -5,8 +5,10 @@ import cn.iocoder.common.framework.util.CollectionUtil;
|
|||||||
import cn.iocoder.common.framework.vo.CommonResult;
|
import cn.iocoder.common.framework.vo.CommonResult;
|
||||||
import cn.iocoder.common.framework.vo.PageResult;
|
import cn.iocoder.common.framework.vo.PageResult;
|
||||||
import cn.iocoder.mall.admin.api.AdminService;
|
import cn.iocoder.mall.admin.api.AdminService;
|
||||||
|
import cn.iocoder.mall.admin.api.DeptmentService;
|
||||||
import cn.iocoder.mall.admin.api.ResourceService;
|
import cn.iocoder.mall.admin.api.ResourceService;
|
||||||
import cn.iocoder.mall.admin.api.RoleService;
|
import cn.iocoder.mall.admin.api.RoleService;
|
||||||
|
import cn.iocoder.mall.admin.api.bo.deptment.DeptmentBO;
|
||||||
import cn.iocoder.mall.admin.api.bo.resource.ResourceBO;
|
import cn.iocoder.mall.admin.api.bo.resource.ResourceBO;
|
||||||
import cn.iocoder.mall.admin.api.bo.role.RoleBO;
|
import cn.iocoder.mall.admin.api.bo.role.RoleBO;
|
||||||
import cn.iocoder.mall.admin.api.bo.admin.AdminBO;
|
import cn.iocoder.mall.admin.api.bo.admin.AdminBO;
|
||||||
@ -23,6 +25,7 @@ import io.swagger.annotations.Api;
|
|||||||
import io.swagger.annotations.ApiImplicitParam;
|
import io.swagger.annotations.ApiImplicitParam;
|
||||||
import io.swagger.annotations.ApiOperation;
|
import io.swagger.annotations.ApiOperation;
|
||||||
import org.apache.dubbo.config.annotation.Reference;
|
import org.apache.dubbo.config.annotation.Reference;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
import org.springframework.web.bind.annotation.*;
|
import org.springframework.web.bind.annotation.*;
|
||||||
|
|
||||||
import java.util.*;
|
import java.util.*;
|
||||||
@ -44,6 +47,9 @@ public class AdminController {
|
|||||||
@Reference(validation = "true", version = "${dubbo.provider.RoleService.version}")
|
@Reference(validation = "true", version = "${dubbo.provider.RoleService.version}")
|
||||||
private RoleService roleService;
|
private RoleService roleService;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private DeptmentService deptmentService;
|
||||||
|
|
||||||
// =========== 当前管理员相关的资源 API ===========
|
// =========== 当前管理员相关的资源 API ===========
|
||||||
|
|
||||||
// TODO 功能:当前管理员
|
// TODO 功能:当前管理员
|
||||||
@ -97,7 +103,17 @@ public class AdminController {
|
|||||||
// 查询角色数组
|
// 查询角色数组
|
||||||
Map<Integer, Collection<RoleBO>> roleMap = adminService.getAdminRolesMap(CollectionUtil.convertList(resultPage.getList(), AdminBO::getId));
|
Map<Integer, Collection<RoleBO>> roleMap = adminService.getAdminRolesMap(CollectionUtil.convertList(resultPage.getList(), AdminBO::getId));
|
||||||
resultPage.getList().forEach(admin -> admin.setRoles(AdminConvert.INSTANCE.convertAdminVORoleList(roleMap.get(admin.getId()))));
|
resultPage.getList().forEach(admin -> admin.setRoles(AdminConvert.INSTANCE.convertAdminVORoleList(roleMap.get(admin.getId()))));
|
||||||
|
|
||||||
|
// 查询对应部门
|
||||||
|
List<DeptmentBO> deptmentBOS = deptmentService.getAllDeptments();
|
||||||
|
Map<Integer, String> deptNameMap = deptmentBOS.stream().collect(Collectors.toMap(d->d.getId(), d->d.getName()));
|
||||||
|
//管理员所在部门被删后,变成未分配状态
|
||||||
|
deptNameMap.put(0, "未分配");
|
||||||
|
resultPage.getList().forEach(admin->{
|
||||||
|
admin.setDeptment(new AdminVO.Deptment(admin.getDeptmentId(), deptNameMap.get(admin.getDeptmentId())));
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
return success(resultPage);
|
return success(resultPage);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3,6 +3,7 @@ package cn.iocoder.mall.admin.application.vo.admin;
|
|||||||
import cn.iocoder.mall.admin.api.bo.admin.AdminBO;
|
import cn.iocoder.mall.admin.api.bo.admin.AdminBO;
|
||||||
import io.swagger.annotations.ApiModel;
|
import io.swagger.annotations.ApiModel;
|
||||||
import io.swagger.annotations.ApiModelProperty;
|
import io.swagger.annotations.ApiModelProperty;
|
||||||
|
import lombok.AllArgsConstructor;
|
||||||
import lombok.Data;
|
import lombok.Data;
|
||||||
import lombok.experimental.Accessors;
|
import lombok.experimental.Accessors;
|
||||||
|
|
||||||
@ -15,6 +16,8 @@ public class AdminVO extends AdminBO {
|
|||||||
|
|
||||||
private List<Role> roles;
|
private List<Role> roles;
|
||||||
|
|
||||||
|
private Deptment deptment;
|
||||||
|
|
||||||
@ApiModel("管理员 VO - 角色")
|
@ApiModel("管理员 VO - 角色")
|
||||||
@Data
|
@Data
|
||||||
@Accessors(chain = true)
|
@Accessors(chain = true)
|
||||||
@ -28,4 +31,19 @@ public class AdminVO extends AdminBO {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ApiModel("管理员 VO - 部门")
|
||||||
|
@Data
|
||||||
|
@Accessors(chain = true)
|
||||||
|
@AllArgsConstructor
|
||||||
|
public static class Deptment {
|
||||||
|
|
||||||
|
@ApiModelProperty(value = "部门编号", required = true, example = "1")
|
||||||
|
private Integer id;
|
||||||
|
|
||||||
|
@ApiModelProperty(value = "部门名称", required = true, example = "研发部")
|
||||||
|
private String name;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -28,4 +28,7 @@ public class AdminBO implements Serializable {
|
|||||||
@ApiModelProperty(value = "创建时间", required = true, example = "时间戳格式")
|
@ApiModelProperty(value = "创建时间", required = true, example = "时间戳格式")
|
||||||
private Date createTime;
|
private Date createTime;
|
||||||
|
|
||||||
|
@ApiModelProperty(value = "部门ID", required = true, example = "1")
|
||||||
|
private Integer deptmentId;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -7,6 +7,7 @@ import lombok.experimental.Accessors;
|
|||||||
import org.hibernate.validator.constraints.Length;
|
import org.hibernate.validator.constraints.Length;
|
||||||
|
|
||||||
import javax.validation.constraints.NotEmpty;
|
import javax.validation.constraints.NotEmpty;
|
||||||
|
import javax.validation.constraints.NotNull;
|
||||||
import javax.validation.constraints.Pattern;
|
import javax.validation.constraints.Pattern;
|
||||||
import java.io.Serializable;
|
import java.io.Serializable;
|
||||||
|
|
||||||
@ -31,4 +32,8 @@ public class AdminAddDTO implements Serializable {
|
|||||||
@Length(min = 4, max = 16, message = "密码长度为 4-16 位")
|
@Length(min = 4, max = 16, message = "密码长度为 4-16 位")
|
||||||
private String password;
|
private String password;
|
||||||
|
|
||||||
|
@ApiModelProperty(value = "部门ID", required = true, example = "1")
|
||||||
|
@NotNull(message = "部门不能为空")
|
||||||
|
private Integer deptmentId;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -17,4 +17,8 @@ public class AdminPageDTO extends PageParam {
|
|||||||
@ApiModelProperty(value = "昵称,模糊匹配", example = "小王")
|
@ApiModelProperty(value = "昵称,模糊匹配", example = "小王")
|
||||||
private String nickname;
|
private String nickname;
|
||||||
|
|
||||||
|
|
||||||
|
@ApiModelProperty(value = "所在部门ID")
|
||||||
|
private Integer deptmentId;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -35,4 +35,8 @@ public class AdminUpdateDTO implements Serializable {
|
|||||||
@Length(min = 4, max = 16, message = "密码长度为 4-16 位")
|
@Length(min = 4, max = 16, message = "密码长度为 4-16 位")
|
||||||
private String password;
|
private String password;
|
||||||
|
|
||||||
|
@ApiModelProperty(value = "部门ID", required = true, example = "1")
|
||||||
|
@NotNull(message = "部门不能为空")
|
||||||
|
private Integer deptmentId;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -8,6 +8,7 @@ import com.baomidou.mybatisplus.core.mapper.BaseMapper;
|
|||||||
import com.baomidou.mybatisplus.core.metadata.IPage;
|
import com.baomidou.mybatisplus.core.metadata.IPage;
|
||||||
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
|
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
|
||||||
import org.apache.ibatis.annotations.Param;
|
import org.apache.ibatis.annotations.Param;
|
||||||
|
import org.omg.PortableInterceptor.INACTIVE;
|
||||||
import org.springframework.stereotype.Repository;
|
import org.springframework.stereotype.Repository;
|
||||||
|
|
||||||
@Repository
|
@Repository
|
||||||
@ -19,7 +20,14 @@ public interface AdminMapper extends BaseMapper<AdminDO> {
|
|||||||
|
|
||||||
default IPage<AdminDO> selectPage(AdminPageDTO adminPageDTO) {
|
default IPage<AdminDO> selectPage(AdminPageDTO adminPageDTO) {
|
||||||
return selectPage(new Page<>(adminPageDTO.getPageNo(), adminPageDTO.getPageSize()),
|
return selectPage(new Page<>(adminPageDTO.getPageNo(), adminPageDTO.getPageSize()),
|
||||||
new QueryWrapperX<AdminDO>().likeIfPresent("nickname", adminPageDTO.getNickname()));
|
new QueryWrapperX<AdminDO>().likeIfPresent("nickname", adminPageDTO.getNickname())
|
||||||
|
.eqIfPresent("deptment_id", adminPageDTO.getDeptmentId()));
|
||||||
|
}
|
||||||
|
|
||||||
|
default int updateDeptByDeptId(@Param("fromDeptId")Integer fromDeptId, @Param("toDeptId")Integer toDeptId){
|
||||||
|
QueryWrapper<AdminDO> query = new QueryWrapper<AdminDO>()
|
||||||
|
.eq("deptment_id", fromDeptId);
|
||||||
|
return update(new AdminDO().setDeptmentId(toDeptId), query);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -36,6 +36,12 @@ public class AdminDO extends DeletableDO {
|
|||||||
*/
|
*/
|
||||||
private Integer status;
|
private Integer status;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 管理员部门id
|
||||||
|
*/
|
||||||
|
private Integer deptmentId;
|
||||||
|
|
||||||
|
|
||||||
// TODO 芋艿,最后登陆时间、最后登陆 IP
|
// TODO 芋艿,最后登陆时间、最后登陆 IP
|
||||||
// TODO 芋艿,登陆日志
|
// TODO 芋艿,登陆日志
|
||||||
|
|
||||||
|
@ -11,6 +11,7 @@ import cn.iocoder.mall.admin.api.dto.depetment.DeptmentAddDTO;
|
|||||||
import cn.iocoder.mall.admin.api.dto.depetment.DeptmentPageDTO;
|
import cn.iocoder.mall.admin.api.dto.depetment.DeptmentPageDTO;
|
||||||
import cn.iocoder.mall.admin.api.dto.depetment.DeptmentUpdateDTO;
|
import cn.iocoder.mall.admin.api.dto.depetment.DeptmentUpdateDTO;
|
||||||
import cn.iocoder.mall.admin.convert.DeptmentConvert;
|
import cn.iocoder.mall.admin.convert.DeptmentConvert;
|
||||||
|
import cn.iocoder.mall.admin.dao.AdminMapper;
|
||||||
import cn.iocoder.mall.admin.dao.DeptmentMapper;
|
import cn.iocoder.mall.admin.dao.DeptmentMapper;
|
||||||
import cn.iocoder.mall.admin.dao.DeptmentRoleMapper;
|
import cn.iocoder.mall.admin.dao.DeptmentRoleMapper;
|
||||||
import cn.iocoder.mall.admin.dataobject.DeptmentDO;
|
import cn.iocoder.mall.admin.dataobject.DeptmentDO;
|
||||||
@ -39,6 +40,9 @@ public class DeptmentServiceImpl implements DeptmentService {
|
|||||||
@Autowired
|
@Autowired
|
||||||
private DeptmentRoleMapper deptmentRoleMapper;
|
private DeptmentRoleMapper deptmentRoleMapper;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private AdminMapper adminMapper;
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public DeptmentBO addDeptment(Integer adminId, DeptmentAddDTO deptmentAddDTO) {
|
public DeptmentBO addDeptment(Integer adminId, DeptmentAddDTO deptmentAddDTO) {
|
||||||
if (deptmentAddDTO.getPid() != 0 &&
|
if (deptmentAddDTO.getPid() != 0 &&
|
||||||
@ -69,6 +73,8 @@ public class DeptmentServiceImpl implements DeptmentService {
|
|||||||
|
|
||||||
deptmentRoleMapper.deleteByDeptmentId(deptmentId);
|
deptmentRoleMapper.deleteByDeptmentId(deptmentId);
|
||||||
|
|
||||||
|
//将改部门下所有员工的DeptmentID设置为0
|
||||||
|
adminMapper.updateDeptByDeptId(deptmentId, 0);
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user