#

Junjie

2025-02-14 ac4341ea6b66ae02427d39d35f41d42d78b2eb2e

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

@@ -1,4 +1,4 @@
import React, { useEffect, useState } from 'react';
import React, { useState, useRef, useEffect } from 'react';
import {
    ProForm,
    ProFormDigit,
@@ -6,15 +6,15 @@
    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();
@@ -38,7 +38,11 @@
    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
@@ -63,14 +67,12 @@
                            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>
@@ -85,41 +87,12 @@
                            ]}
                            rules={[{ required: true, message: "请选择状态！" }]}
                        />
                        <ProFormDateTimePicker
                            name="updateTime"
                            label="修改时间"
                        <ProFormText
                            name="memo"
                            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.doPost('api/host/page', { ...keyWords });
                            console.log(resp);
                            // return [
                            //     {
                            //         value: keyWords,
                            //         label: '目标_target',
                            //     },
                            //     { value: '520000201604258831', label: 'Patricia Lopez' },
                            //     { value: '520000198509222123', label: 'Jose Martinez' },
                            //     { value: '210000200811194757', label: 'Elizabeth Thomas' },
                            //     { value: '530000198808222758', label: 'Scott Anderson' },
                            //     { value: '500000198703236285', label: 'George Jackson' },
                            //     { value: '610000199906148074', label: 'Linda Hernandez' },
                            //     { value: '150000197210168659', label: 'Sandra Hall' },
                            //     { label: '目标_target' },
                            // ]
                        }}
                        placeholder="Please select a country"
                    />
                </ProForm>
            </Modal>
        </>