#

luxiaotao1123

2024-02-18 8527d83c19bf5047a0e6dfd1363d74b51acb0e8e

 zy-asrs-flow/src/pages/system/role/components/edit.jsx

@@ -1,18 +1,18 @@
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 { Form, Modal } from 'antd';
import { useIntl, FormattedMessage } from '@umijs/max';
import moment from 'moment';
import Http from '@/utils/http';

const Edit = (props) => {
    const [form] = Form.useForm();
    const { } = props;
    const intl = useIntl();

    useEffect(() => {
        form.resetFields();
@@ -51,27 +51,57 @@
                    layout="horizontal"
                    grid={true}
                >
                    <ProFormText
                        name="name"
                        label="角色名称"
                        placeholder="请输入"
                        rules={[
                            {
                                required: true,
                                message: "请输入角色名称！",
                            },
                        ]}
                    <ProFormDigit
                        name="id"
                        disabled
                        hidden={true}
                    />
                    <ProFormText
                        name="code"
                        label="角色标识"
                        placeholder="请输入"
                        rules={[
                            {
                                required: true,
                                message: "请输入角色标识！",
                            },
                        ]}
                    <ProForm.Group>
                        <ProFormText
                            name="name"
                            label="角色名称"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                            rules={[{ required: true, message: "请输入角色名称！" }]}
                        />
                        <ProFormText
                            name="code"
                            label="角色标识"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                            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: "请选择状态！" }]}
                        />
                        <ProFormDateTimePicker
                            name="updateTime"
                            label="修改时间"
                            colProps={{ md: 12, xl: 12 }}
                            transform={(value) => {
                                return moment(value).toISOString();
                            }}
                        />
                    </ProForm.Group>
                    <ProFormSelect
                        name="hostId"
                        label="机构"
                        colProps={{ md: 12, xl: 12 }}
                        showSearch
                        debounceTime={300}
                        request={async ({ keyWords }) => {
                            const resp = await Http.doPostForm('api/host/query', { condition: keyWords });
                            return resp.data;
                        }}
                    />
                </ProForm>
            </Modal>