前端：管理员管理的微调
This commit is contained in:
YunaiV
parent
344623e0c9
commit
e2619ce5d4
@ -1,136 +0,0 @@
|
|||||||
English | [简体中文](./README.zh-CN.md) | [Русский](./README.ru-RU.md)
|
|
||||||
|
|
||||||
<h1 align="center">Ant Design Pro</h1>
|
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
|
|
||||||
An out-of-box UI solution for enterprise applications as a React boilerplate.
|
|
||||||
|
|
||||||
[](http://umijs.org/)
|
|
||||||
[](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)
|
|
||||||
[](https://david-dm.org/ant-design/ant-design-pro)
|
|
||||||
[](https://david-dm.org/ant-design/ant-design-pro?type=dev)
|
|
||||||
[](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
|
||||||
[](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
- Preview: http://preview.pro.ant.design
|
|
||||||
- Home Page: http://pro.ant.design
|
|
||||||
- Documentation: http://pro.ant.design/docs/getting-started
|
|
||||||
- ChangeLog: http://pro.ant.design/docs/changelog
|
|
||||||
- FAQ: http://pro.ant.design/docs/faq
|
|
||||||
- Mirror Site in China: http://ant-design-pro.gitee.io
|
|
||||||
|
|
||||||
## 2.0 Released Now! 🎉🎉🎉
|
|
||||||
[Announcing Ant Design Pro 2.0.0](https://medium.com/ant-design/beautiful-and-powerful-ant-design-pro-2-0-release-51358da5af95)
|
|
||||||
|
|
||||||
## Translation Recruitment :loudspeaker:
|
|
||||||
|
|
||||||
We need your help: https://github.com/ant-design/ant-design-pro/issues/120
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
- :gem: **Neat Design**: Follow [Ant Design specification](http://ant.design/)
|
|
||||||
- :triangular_ruler: **Common Templates**: Typical templates for enterprise applications
|
|
||||||
- :rocket: **State of The Art Development**: Newest development stack of React/umi/dva/antd
|
|
||||||
- :iphone: **Responsive**: Designed for variable screen sizes
|
|
||||||
- :art: **Theming**: Customizable theme with simple config
|
|
||||||
- :globe_with_meridians: **International**: Built-in i18n solution
|
|
||||||
- :gear: **Best Practices**: Solid workflow to make your code healthy
|
|
||||||
- :1234: **Mock development**: Easy to use mock development solution
|
|
||||||
- :white_check_mark: **UI Test**: Fly safely with unit and e2e tests
|
|
||||||
|
|
||||||
## Templates
|
|
||||||
|
|
||||||
```
|
|
||||||
- Dashboard
|
|
||||||
- Analytic
|
|
||||||
- Monitor
|
|
||||||
- Workspace
|
|
||||||
- Form
|
|
||||||
- Basic Form
|
|
||||||
- Step Form
|
|
||||||
- Advanced From
|
|
||||||
- List
|
|
||||||
- Standard Table
|
|
||||||
- Standard List
|
|
||||||
- Card List
|
|
||||||
- Search List (Project/Applications/Article)
|
|
||||||
- Profile
|
|
||||||
- Simple Profile
|
|
||||||
- Advanced Profile
|
|
||||||
- Account
|
|
||||||
- Account Center
|
|
||||||
- Account Settings
|
|
||||||
- Result
|
|
||||||
- Success
|
|
||||||
- Failed
|
|
||||||
- Exception
|
|
||||||
- 403
|
|
||||||
- 404
|
|
||||||
- 500
|
|
||||||
- User
|
|
||||||
- Login
|
|
||||||
- Register
|
|
||||||
- Register Result
|
|
||||||
```
|
|
||||||
|
|
||||||
## Usage
|
|
||||||
|
|
||||||
### Use bash
|
|
||||||
|
|
||||||
```bash
|
|
||||||
$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
|
|
||||||
$ cd ant-design-pro
|
|
||||||
$ npm install
|
|
||||||
$ npm start # visit http://localhost:8000
|
|
||||||
```
|
|
||||||
|
|
||||||
### Use by docker
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# preview
|
|
||||||
$ docker pull antdesign/ant-design-pro
|
|
||||||
$ docker run -p 80:80 antdesign/ant-design-pro
|
|
||||||
# open http://localhost
|
|
||||||
|
|
||||||
# dev
|
|
||||||
$ npm run docker:dev
|
|
||||||
|
|
||||||
# build
|
|
||||||
$ npm run docker:build
|
|
||||||
|
|
||||||
|
|
||||||
# production dev
|
|
||||||
$ npm run docker-prod:dev
|
|
||||||
|
|
||||||
# production build
|
|
||||||
$ npm run docker-prod:build
|
|
||||||
```
|
|
||||||
|
|
||||||
### Use Gitpod
|
|
||||||
|
|
||||||
Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.
|
|
||||||
|
|
||||||
[](https://gitpod.io/#https://github.com/ant-design/ant-design-pro)
|
|
||||||
|
|
||||||
More instructions at [documentation](http://pro.ant.design/docs/getting-started).
|
|
||||||
|
|
||||||
## Browsers support
|
|
||||||
|
|
||||||
Modern browsers and IE11.
|
|
||||||
|
|
||||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
|
||||||
| --------- | --------- | --------- | --------- | --------- |
|
|
||||||
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions
|
|
||||||
|
|
||||||
## Contributing
|
|
||||||
|
|
||||||
Any type of contribution is welcome, here are some examples of how you may contribute to this project:
|
|
||||||
|
|
||||||
- Use Ant Design Pro in your daily work.
|
|
||||||
- Submit [issues](http://github.com/ant-design/ant-design-pro/issues) to report bugs or ask questions.
|
|
||||||
- Propose [pull requests](http://github.com/ant-design/ant-design-pro/pulls) to improve our code.
|
|
||||||
@ -3,3 +3,32 @@
|
|||||||
> 采用 antd pro 快速开发
|
> 采用 antd pro 快速开发
|
||||||
|
|
||||||
> TODO
|
> TODO
|
||||||
|
|
||||||
|
## 命名规范
|
||||||
|
|
||||||
|
#### 1.文件夹命名
|
||||||
|
|
||||||
|
文件夹命名全部小写，单词之间以中划线隔离 例如： node-modules
|
||||||
|
|
||||||
|
|
||||||
|
#### 2.文件命名
|
||||||
|
|
||||||
|
文件以小写开头，以驼峰格式连接单词 例如： dashBoard.js
|
||||||
|
component目录下的文件 以大写开头
|
||||||
|
route目录下的文件以大写开头
|
||||||
|
model目录下的文件大写开头
|
||||||
|
|
||||||
|
|
||||||
|
#### 3.标点符号
|
||||||
|
|
||||||
|
对于字符串统一用单引号 例如： 'hello world'
|
||||||
|
|
||||||
|
#### 4.语法规范
|
||||||
|
|
||||||
|
JS语法规范遵守ES6规范
|
||||||
|
http://www.tuicool.com/articles/YrQ7j2a
|
||||||
|
|
||||||
|
#### 5.注释
|
||||||
|
|
||||||
|
1.route目录下的文件需要加上文件头部注释（写清楚文件是什么功能）
|
||||||
|
2.component文件需要加上头部注释 （写清楚改控件的用处）
|
||||||
@ -1,103 +0,0 @@
|
|||||||
[English](./README.md) | [简体中文](./README.zh-CN.md) | Русский
|
|
||||||
|
|
||||||
<h1 align="center">Ant Design Pro</h1>
|
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
|
|
||||||
UI-решение "из коробки" для корпоративных приложений как React boilerplate
|
|
||||||
|
|
||||||
[](http://umijs.org/)
|
|
||||||
[](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)
|
|
||||||
[](https://david-dm.org/ant-design/ant-design-pro)
|
|
||||||
[](https://david-dm.org/ant-design/ant-design-pro?type=dev)
|
|
||||||
[](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
|
||||||
[](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
- Демо: http://preview.pro.ant.design
|
|
||||||
- Домашняя страница: http://pro.ant.design
|
|
||||||
- Документация: http://pro.ant.design/docs/getting-started
|
|
||||||
- История изменений: http://pro.ant.design/docs/changelog
|
|
||||||
- FAQ: http://pro.ant.design/docs/faq
|
|
||||||
- Китайское зеркало сайта: http://ant-design-pro.gitee.io
|
|
||||||
|
|
||||||
## Поиск переводчиков :loudspeaker:
|
|
||||||
|
|
||||||
Нам нужна ваша помощь: https://github.com/ant-design/ant-design-pro/issues/120
|
|
||||||
|
|
||||||
## Возможности
|
|
||||||
|
|
||||||
- :gem: **Аккуратный дизайн**: Посмотрите [спецификацию Ant Design](http://ant.design/)
|
|
||||||
- :triangular_ruler: **Общие шаблоны**: Стандартные шаблоны для корпоративных приложений
|
|
||||||
- :rocket: **Разработка, как искусство**: Новейший стек технологий React/umi/dva/antd
|
|
||||||
- :iphone: **Отзывчивая верстка**: Создан для экранов разных размеров
|
|
||||||
- :art: **Темизация**: Возможность изменения темы с помощью конфигурации
|
|
||||||
- :globe_with_meridians: **Мультиязычность**: Встроенное i18n решение
|
|
||||||
- :gear: **Лучшие практики**: Надежные процессы для хорошего кода
|
|
||||||
- :1234: **Разработка по шаблону**: Простое в использовании решение для разработки
|
|
||||||
- :white_check_mark: **UI тесты**: Разрабатывайте безопасно с юнит и e2e тестами
|
|
||||||
|
|
||||||
## Шаблоны
|
|
||||||
|
|
||||||
```
|
|
||||||
- Dashboard
|
|
||||||
- Analytic
|
|
||||||
- Monitor
|
|
||||||
- Workspace
|
|
||||||
- Form
|
|
||||||
- Basic Form
|
|
||||||
- Step Form
|
|
||||||
- Advanced From
|
|
||||||
- List
|
|
||||||
- Standard Table
|
|
||||||
- Standard List
|
|
||||||
- Card List
|
|
||||||
- Search List (Project/Applications/Article)
|
|
||||||
- Profile
|
|
||||||
- Simple Profile
|
|
||||||
- Advanced Profile
|
|
||||||
- Account
|
|
||||||
- Account Center
|
|
||||||
- Account Settings
|
|
||||||
- Result
|
|
||||||
- Success
|
|
||||||
- Failed
|
|
||||||
- Exception
|
|
||||||
- 403
|
|
||||||
- 404
|
|
||||||
- 500
|
|
||||||
- User
|
|
||||||
- Login
|
|
||||||
- Register
|
|
||||||
- Register Result
|
|
||||||
```
|
|
||||||
|
|
||||||
## Использование
|
|
||||||
|
|
||||||
```bash
|
|
||||||
$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
|
|
||||||
$ cd ant-design-pro
|
|
||||||
$ npm install
|
|
||||||
$ npm start # visit http://localhost:8000
|
|
||||||
```
|
|
||||||
|
|
||||||
Больше информации в [документации](http://pro.ant.design/docs/getting-started).
|
|
||||||
|
|
||||||
## Совместимость
|
|
||||||
|
|
||||||
Современные браузеры и IE11.
|
|
||||||
|
|
||||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
|
||||||
| --------- | --------- | --------- | --------- | --------- |
|
|
||||||
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions
|
|
||||||
|
|
||||||
## Распространение
|
|
||||||
|
|
||||||
Любые варианты распространения приветствуются! Вот несколько примеров того, как вы можете помочь распространению проекта:
|
|
||||||
|
|
||||||
- Использовать Ant Design Pro в ежедневной работе.
|
|
||||||
- Создавать [задачи](http://github.com/ant-design/ant-design-pro/issues) заводить баги или отвечать на вопросы.
|
|
||||||
- Делать [pull-реквесты](http://github.com/ant-design/ant-design-pro/pulls) для совершенствования нашего кода.
|
|
||||||
@ -1,121 +0,0 @@
|
|||||||
[English](./README.md) | 简体中文 | [Русский](./README.ru-RU.md)
|
|
||||||
|
|
||||||
<h1 align="center">Ant Design Pro</h1>
|
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
|
|
||||||
开箱即用的中台前端/设计解决方案。
|
|
||||||
|
|
||||||
[](http://umijs.org/)
|
|
||||||
[](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)
|
|
||||||
[](https://david-dm.org/ant-design/ant-design-pro)
|
|
||||||
[](https://david-dm.org/ant-design/ant-design-pro?type=dev)
|
|
||||||
[](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
- 预览：http://preview.pro.ant.design
|
|
||||||
- 首页：http://pro.ant.design/index-cn
|
|
||||||
- 使用文档：http://pro.ant.design/docs/getting-started-cn
|
|
||||||
- 更新日志: http://pro.ant.design/docs/changelog-cn
|
|
||||||
- 常见问题：http://pro.ant.design/docs/faq-cn
|
|
||||||
- 国内镜像：http://ant-design-pro.gitee.io
|
|
||||||
|
|
||||||
## 特性
|
|
||||||
|
|
||||||
- :gem: **优雅美观**：基于 Ant Design 体系精心设计
|
|
||||||
- :triangular_ruler: **常见设计模式**：提炼自中后台应用的典型页面和场景
|
|
||||||
- :rocket: **最新技术栈**：使用 React/umi/dva/antd 等前端前沿技术开发
|
|
||||||
- :iphone: **响应式**：针对不同屏幕大小设计
|
|
||||||
- :art: **主题**：可配置的主题满足多样化的品牌诉求
|
|
||||||
- :globe_with_meridians: **国际化**：内建业界通用的国际化方案
|
|
||||||
- :gear: **最佳实践**：良好的工程实践助您持续产出高质量代码
|
|
||||||
- :1234: **Mock 数据**：实用的本地数据调试方案
|
|
||||||
- :white_check_mark: **UI 测试**：自动化测试保障前端产品质量
|
|
||||||
|
|
||||||
## 模板
|
|
||||||
|
|
||||||
```
|
|
||||||
- Dashboard
|
|
||||||
- 分析页
|
|
||||||
- 监控页
|
|
||||||
- 工作台
|
|
||||||
- 表单页
|
|
||||||
- 基础表单页
|
|
||||||
- 分步表单页
|
|
||||||
- 高级表单页
|
|
||||||
- 列表页
|
|
||||||
- 查询表格
|
|
||||||
- 标准列表
|
|
||||||
- 卡片列表
|
|
||||||
- 搜索列表（项目/应用/文章）
|
|
||||||
- 详情页
|
|
||||||
- 基础详情页
|
|
||||||
- 高级详情页
|
|
||||||
- 用户
|
|
||||||
- 用户中心页
|
|
||||||
- 用户设置页
|
|
||||||
- 结果
|
|
||||||
- 成功页
|
|
||||||
- 失败页
|
|
||||||
- 异常
|
|
||||||
- 403 无权限
|
|
||||||
- 404 找不到
|
|
||||||
- 500 服务器出错
|
|
||||||
- 帐户
|
|
||||||
- 登录
|
|
||||||
- 注册
|
|
||||||
- 注册成功
|
|
||||||
```
|
|
||||||
|
|
||||||
## 使用
|
|
||||||
|
|
||||||
### 使用命令行
|
|
||||||
```bash
|
|
||||||
$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
|
|
||||||
$ cd ant-design-pro
|
|
||||||
$ npm install
|
|
||||||
$ npm start # 访问 http://localhost:8000
|
|
||||||
```
|
|
||||||
|
|
||||||
### 使用 docker
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# preview
|
|
||||||
$ docker pull antdesign/ant-design-pro
|
|
||||||
$ docker run -p 80:80 antdesign/ant-design-pro
|
|
||||||
# open http://localhost
|
|
||||||
|
|
||||||
# dev
|
|
||||||
$ npm run docker:dev
|
|
||||||
|
|
||||||
# build
|
|
||||||
$ npm run docker:build
|
|
||||||
|
|
||||||
|
|
||||||
# production dev
|
|
||||||
$ npm run docker-prod:dev
|
|
||||||
|
|
||||||
// production build
|
|
||||||
$ npm run docker-prod:build
|
|
||||||
```
|
|
||||||
|
|
||||||
更多信息请参考 [使用文档](http://pro.ant.design/docs/getting-started)。
|
|
||||||
|
|
||||||
## 支持环境
|
|
||||||
|
|
||||||
现代浏览器及 IE11。
|
|
||||||
|
|
||||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
|
||||||
| --------- | --------- | --------- | --------- | --------- |
|
|
||||||
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions
|
|
||||||
|
|
||||||
## 参与贡献
|
|
||||||
|
|
||||||
我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 :smiley:：
|
|
||||||
|
|
||||||
- 在你的公司或个人项目中使用 Ant Design Pro。
|
|
||||||
- 通过 [Issue](http://github.com/ant-design/ant-design-pro/issues) 报告 bug 或进行咨询。
|
|
||||||
- 提交 [Pull Request](http://github.com/ant-design/ant-design-pro/pulls) 改进 Pro 的代码。
|
|
||||||
@ -76,7 +76,6 @@ export default {
|
|||||||
},
|
},
|
||||||
*query({ payload }, { call, put }) {
|
*query({ payload }, { call, put }) {
|
||||||
const response = yield call(queryAdmin, payload);
|
const response = yield call(queryAdmin, payload);
|
||||||
message.info('查询成功!');
|
|
||||||
const { count, admins } = response.data;
|
const { count, admins } = response.data;
|
||||||
yield put({
|
yield put({
|
||||||
type: 'querySuccess',
|
type: 'querySuccess',
|
||||||
|
|||||||
@ -6,6 +6,7 @@ import { Card, Form, Input, Button, Modal, message, Table, Divider, Tree, Spin }
|
|||||||
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||||
|
|
||||||
import styles from './AdminList.less';
|
import styles from './AdminList.less';
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
const FormItem = Form.Item;
|
const FormItem = Form.Item;
|
||||||
const { TreeNode } = Tree;
|
const { TreeNode } = Tree;
|
||||||
@ -31,20 +32,19 @@ const CreateForm = Form.create()(props => {
|
|||||||
width: 200,
|
width: 200,
|
||||||
};
|
};
|
||||||
|
|
||||||
const title = modalType === 'add' ? '添加一个 Resource' : '更新一个 Resource';
|
const title = modalType === 'add' ? '新建管理员' : '更新管理员';
|
||||||
const okText = modalType === 'add' ? '添加' : '更新';
|
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
destroyOnClose
|
destroyOnClose
|
||||||
title={title}
|
title={title}
|
||||||
visible={modalVisible}
|
visible={modalVisible}
|
||||||
onOk={okHandle}
|
onOk={okHandle}
|
||||||
okText={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: '请输入名称！', min: 2 }],
|
rules: [{ required: true, message: '请输入用户名！', min: 2 }],
|
||||||
initialValue: initValues.username,
|
initialValue: initValues.username,
|
||||||
})(<Input placeholder="请输入" />)}
|
})(<Input placeholder="请输入" />)}
|
||||||
</FormItem>
|
</FormItem>
|
||||||
@ -323,15 +323,9 @@ class ResourceList extends PureComponent {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
|
||||||
title: 'id',
|
|
||||||
dataIndex: 'id',
|
|
||||||
render: text => <strong>{text}</strong>,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '用户名',
|
title: '用户名',
|
||||||
dataIndex: 'username',
|
dataIndex: 'username'
|
||||||
render: text => <a>{text}</a>,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '昵称',
|
title: '昵称',
|
||||||
@ -344,14 +338,19 @@ class ResourceList extends PureComponent {
|
|||||||
return <span>{status[val]}</span>;
|
return <span>{status[val]}</span>;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '创建时间',
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
render: val => <span>{moment(val).format('YYYY-MM-DD HH:mm')}</span>,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '操作',
|
title: '操作',
|
||||||
width: 300,
|
width: 360,
|
||||||
render: (text, record) => {
|
render: (text, record) => {
|
||||||
const statusText = record.status === 1 ? '确认禁用' : '取消禁用';
|
const statusText = record.status === 1 ? '禁用' : '禁用';
|
||||||
return (
|
return (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<a onClick={() => this.handleModalVisible(true, 'update', record)}>更新</a>
|
<a onClick={() => this.handleModalVisible(true, 'update', record)}>编辑</a>
|
||||||
<Divider type="vertical" />
|
<Divider type="vertical" />
|
||||||
<a onClick={() => this.handleRoleAssign(record)}>角色分配</a>
|
<a onClick={() => this.handleRoleAssign(record)}>角色分配</a>
|
||||||
<Divider type="vertical" />
|
<Divider type="vertical" />
|
||||||
@ -369,7 +368,7 @@ class ResourceList extends PureComponent {
|
|||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PageHeaderWrapper title="查询表格">
|
<PageHeaderWrapper>
|
||||||
<Card bordered={false}>
|
<Card bordered={false}>
|
||||||
<div className={styles.tableList}>
|
<div className={styles.tableList}>
|
||||||
<div className={styles.tableListOperator}>
|
<div className={styles.tableListOperator}>
|
||||||
@ -378,7 +377,7 @@ class ResourceList extends PureComponent {
|
|||||||
type="primary"
|
type="primary"
|
||||||
onClick={() => this.handleModalVisible(true, 'add', {})}
|
onClick={() => this.handleModalVisible(true, 'add', {})}
|
||||||
>
|
>
|
||||||
新建
|
新建管理员
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user