From c635d78b479510ebe2556a420948effcd30a0731 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:40:43 +0800 Subject: [PATCH] 新建德森项目分支 --- zy-asrs-flow/src/pages/system/userLogin/components/edit.jsx | 240 ++++++++++++++++++++++++++++++------------------------------ 1 files changed, 120 insertions(+), 120 deletions(-) diff --git a/zy-asrs-flow/src/pages/system/userLogin/components/edit.jsx b/zy-asrs-flow/src/pages/system/userLogin/components/edit.jsx index 451e655..17d950b 100644 --- a/zy-asrs-flow/src/pages/system/userLogin/components/edit.jsx +++ b/zy-asrs-flow/src/pages/system/userLogin/components/edit.jsx @@ -1,120 +1,120 @@ -import React, { useState, useRef, useEffect } from 'react'; -import { - ProForm, - ProFormDigit, - ProFormText, - ProFormSelect, - ProFormDateTimePicker -} from '@ant-design/pro-components'; -import { FormattedMessage, useIntl } from '@umijs/max'; -import { Form, Modal } from 'antd'; -import moment from 'moment'; -import Http from '@/utils/http'; - -const Edit = (props) => { - const intl = useIntl(); - const [form] = Form.useForm(); - const { } = props; - - useEffect(() => { - form.resetFields(); - form.setFieldsValue({ - ...props.values - }) - }, [form, props]) - - const handleCancel = () => { - props.onCancel(); - }; - - const handleOk = () => { - form.submit(); - } - - const handleFinish = async (values) => { - props.onSubmit({ ...values }); - } - - return ( - <> - <Modal - title="Edit" - width={640} - forceRender - destroyOnClose - open={props.open} - onCancel={handleCancel} - onOk={handleOk} - > - <ProForm - form={form} - submitter={false} - onFinish={handleFinish} - layout="horizontal" - grid={true} - > - <ProFormDigit - name="id" - disabled - hidden={true} - /> - <ProForm.Group> - <ProFormSelect - name="userId" - label="鐢ㄦ埛" - colProps={{ md: 12, xl: 12 }} - fieldProps={{ precision: 0 }} - placeholder="璇烽�夋嫨" - rules={[{ required: true, message: "鐢ㄦ埛涓嶈兘涓虹┖锛�" }]} - showSearch - debounceTime={300} - request={async ({ keyWords }) => { - const resp = await Http.doPostForm('api/user/query', { condition: keyWords }); - return resp.data; - }} - /> - <ProFormText - name="token" - label="瀵嗛挜" - colProps={{ md: 12, xl: 12 }} - placeholder="璇疯緭鍏�" - /> - </ProForm.Group> - <ProForm.Group> - <ProFormText - name="ip" - label="鐧诲綍ip" - colProps={{ md: 12, xl: 12 }} - placeholder="璇疯緭鍏�" - /> - <ProFormDigit - name="type" - label="绫诲瀷" - colProps={{ md: 12, xl: 12 }} - fieldProps={{ precision: 0 }} - placeholder="璇疯緭鍏�" - /> - </ProForm.Group> - <ProForm.Group> - <ProFormDateTimePicker - name="createTime" - label="娣诲姞鏃堕棿" - colProps={{ md: 12, xl: 12 }} - placeholder="璇烽�夋嫨" - transform={(value) => moment(value).toISOString()} - /> - <ProFormText - name="system" - label="鐧诲綍绯荤粺" - colProps={{ md: 12, xl: 12 }} - placeholder="璇疯緭鍏�" - /> - </ProForm.Group> - - </ProForm> - </Modal> - </> - ) -} - -export default Edit; +import React, { useState, useRef, useEffect } from 'react'; +import { + ProForm, + ProFormDigit, + ProFormText, + ProFormSelect, + ProFormDateTimePicker +} from '@ant-design/pro-components'; +import { FormattedMessage, useIntl } from '@umijs/max'; +import { Form, Modal } from 'antd'; +import moment from 'moment'; +import Http from '@/utils/http'; + +const Edit = (props) => { + const intl = useIntl(); + const [form] = Form.useForm(); + const { } = props; + + useEffect(() => { + form.resetFields(); + form.setFieldsValue({ + ...props.values + }) + }, [form, props]) + + const handleCancel = () => { + props.onCancel(); + }; + + const handleOk = () => { + form.submit(); + } + + const handleFinish = async (values) => { + props.onSubmit({ ...values }); + } + + return ( + <> + <Modal + title="Edit" + width={640} + forceRender + destroyOnClose + open={props.open} + onCancel={handleCancel} + onOk={handleOk} + > + <ProForm + form={form} + submitter={false} + onFinish={handleFinish} + layout="horizontal" + grid={true} + > + <ProFormDigit + name="id" + disabled + hidden={true} + /> + <ProForm.Group> + <ProFormSelect + name="userId" + label="鐢ㄦ埛" + colProps={{ md: 12, xl: 12 }} + fieldProps={{ precision: 0 }} + placeholder="璇烽�夋嫨" + rules={[{ required: true, message: "鐢ㄦ埛涓嶈兘涓虹┖锛�" }]} + showSearch + debounceTime={300} + request={async ({ keyWords }) => { + const resp = await Http.doPostForm('api/user/query', { condition: keyWords }); + return resp.data; + }} + /> + <ProFormText + name="token" + label="瀵嗛挜" + colProps={{ md: 12, xl: 12 }} + placeholder="璇疯緭鍏�" + /> + </ProForm.Group> + <ProForm.Group> + <ProFormText + name="ip" + label="鐧诲綍ip" + colProps={{ md: 12, xl: 12 }} + placeholder="璇疯緭鍏�" + /> + <ProFormDigit + name="type" + label="绫诲瀷" + colProps={{ md: 12, xl: 12 }} + fieldProps={{ precision: 0 }} + placeholder="璇疯緭鍏�" + /> + </ProForm.Group> + <ProForm.Group> + <ProFormDateTimePicker + name="createTime" + label="娣诲姞鏃堕棿" + colProps={{ md: 12, xl: 12 }} + placeholder="璇烽�夋嫨" + transform={(value) => moment(value).toISOString()} + /> + <ProFormText + name="system" + label="鐧诲綍绯荤粺" + colProps={{ md: 12, xl: 12 }} + placeholder="璇疯緭鍏�" + /> + </ProForm.Group> + + </ProForm> + </Modal> + </> + ) +} + +export default Edit; -- Gitblit v1.9.1