| | |
| | | import React, { useEffect, useState } from 'react'; |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { |
| | | ProForm, |
| | | ProFormDigit, |
| | | ProFormText, |
| | | ProFormRadio, |
| | | ProFormTextArea, |
| | | ProFormSelect, |
| | | ProFormDateTimePicker |
| | | } from '@ant-design/pro-components'; |
| | | import { FormattedMessage, useIntl } from '@umijs/max'; |
| | | import { Form, Modal } from 'antd'; |
| | | import { useIntl, FormattedMessage } from '@umijs/max'; |
| | | import moment from 'moment'; |
| | | import Http from '@/utils/http'; |
| | | |
| | | const Edit = (props) => { |
| | | const intl = useIntl(); |
| | | const [form] = Form.useForm(); |
| | | const { } = props; |
| | | const intl = useIntl(); |
| | | |
| | | useEffect(() => { |
| | | form.resetFields(); |
| | |
| | | return ( |
| | | <> |
| | | <Modal |
| | | title="Edit" |
| | | title={ |
| | | Object.keys(props.values).length > 0 |
| | | ? intl.formatMessage({ id: 'page.edit', defaultMessage: '编辑' }) |
| | | : intl.formatMessage({ id: 'page.add', defaultMessage: '添加' }) |
| | | } |
| | | width={640} |
| | | forceRender |
| | | destroyOnClose |
| | |
| | | disabled |
| | | hidden={true} |
| | | /> |
| | | <ProFormText |
| | | name="name" |
| | | label="角色名称" |
| | | placeholder="请输入" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: "请输入角色名称!", |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormText |
| | | name="code" |
| | | label="角色标识" |
| | | placeholder="请输入" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: "请输入角色标识!", |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProForm.Group> |
| | | <ProFormText |
| | | name="name" |
| | | label="角色名称" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | rules={[{ required: true, message: "请输入角色名称!" }]} |
| | | /> |
| | | <ProFormText |
| | | name="code" |
| | | label="角色标识" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | rules={[{ required: true, message: "请输入角色标识!" }]} |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormSelect |
| | | name="status" |
| | | label="状态" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | options={[ |
| | | { label: '正常', value: 1 }, |
| | | { label: '禁用', value: 0 }, |
| | | ]} |
| | | rules={[{ required: true, message: "请选择状态!" }]} |
| | | /> |
| | | <ProFormText |
| | | name="memo" |
| | | label="备注" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | /> |
| | | </ProForm.Group> |
| | | </ProForm> |
| | | </Modal> |
| | | </> |