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/user/components/edit.jsx | 380 +++++++++++++++++++++++++++--------------------------- 1 files changed, 190 insertions(+), 190 deletions(-) diff --git a/zy-asrs-flow/src/pages/system/user/components/edit.jsx b/zy-asrs-flow/src/pages/system/user/components/edit.jsx index c5d0cff..246c110 100644 --- a/zy-asrs-flow/src/pages/system/user/components/edit.jsx +++ b/zy-asrs-flow/src/pages/system/user/components/edit.jsx @@ -1,190 +1,190 @@ -import React, { useState, useRef, useEffect } from 'react'; -import { - ProForm, - ProFormDigit, - ProFormText, - ProFormSelect, - ProFormTreeSelect, - ProFormTextArea, - ProFormRadio -} 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, - roleIds: props.values.userRoleIds - }) - }, [form, props]) - - const handleCancel = () => { - props.onCancel(); - }; - - const handleOk = () => { - form.submit(); - } - - const handleFinish = async (values) => { - props.onSubmit({ ...values }); - } - - return ( - <> - <Modal - title={ - Object.keys(props.values).length > 0 - ? intl.formatMessage({ id: 'page.edit', defaultMessage: '缂栬緫' }) - : intl.formatMessage({ id: 'page.add', defaultMessage: '娣诲姞' }) - } - 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> - <ProFormTreeSelect - name="deptId" - label="鎵�灞為儴闂�" - params={props.treeData} - request={async () => { - return props.treeData; - }} - colProps={{ md: 12, xl: 12 }} - fieldProps={{ - treeDefaultExpandedKeys: [0] - }} - rules={[{ required: true }]} - /> - <ProFormText - name="username" - label="鐧诲綍璐﹀彿" - colProps={{ md: 12, xl: 12 }} - rules={[{ required: true }]} - /> - </ProForm.Group> - <ProForm.Group> - <ProFormText - name="nickname" - label="鍚嶇О" - colProps={{ md: 12, xl: 12 }} - rules={[{ required: true }]} - /> - <ProFormSelect - name="sex" - label="鎬у埆" - colProps={{ md: 12, xl: 12 }} - options={[ - { label: '鏈煡', value: 0 }, - { label: '鐢�', value: 1 }, - { label: '濂�', value: 2 }, - ]} - /> - </ProForm.Group> - <ProForm.Group> - <ProFormText - name="phone" - label="鎵嬫満鍙�" - colProps={{ md: 12, xl: 12 }} - placeholder="璇疯緭鍏�" - rules={[ - { - pattern: /^1[3456789]\d{9}$/, - message: '璇疯緭鍏ユ纭殑鎵嬫満鍙风爜!', - }, - { - required: false, - message: '鎵嬫満鍙风爜涓嶈兘涓虹┖!', - }, - ]} - - /> - <ProFormText - name="email" - label="閭" - colProps={{ md: 12, xl: 12 }} - rules={[ - { - type: 'email', - message: '璇疯緭鍏ユ纭殑閭鍦板潃!', - }, - { - required: false, - }, - ]} - /> - </ProForm.Group> - <ProForm.Group> - <ProFormText - name="realName" - label="鐪熷疄濮撳悕" - colProps={{ md: 12, xl: 12 }} - /> - <ProFormText - name="idCard" - label="韬唤璇佸彿" - colProps={{ md: 12, xl: 12 }} - /> - </ProForm.Group> - <ProForm.Group> - <ProFormRadio.Group - name="status" - label="鐘舵��" - colProps={{ md: 12, xl: 12 }} - options={[ - { label: '姝e父', value: 1 }, - { label: '绂佺敤', value: 0 }, - ]} - rules={[ - { - required: true, - }, - ]} - /> - <ProFormSelect - name="roleIds" - mode="multiple" - label="瑙掕壊" - colProps={{ md: 12, xl: 12 }} - rules={[{ required: true, type: 'array', message: '瑙掕壊涓嶈兘涓虹┖!' }]} - request={async ({ keyWords }) => { - const resp = await Http.doPostForm('api/role/query', { condition: keyWords }); - return resp.data; - }} - /> - </ProForm.Group> - <ProFormTextArea - name="memo" - label="澶囨敞" - colProps={{ md: 24, xl: 24 }} - /> - </ProForm> - </Modal> - </> - ) -} - -export default Edit; +import React, { useState, useRef, useEffect } from 'react'; +import { + ProForm, + ProFormDigit, + ProFormText, + ProFormSelect, + ProFormTreeSelect, + ProFormTextArea, + ProFormRadio +} 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, + roleIds: props.values.userRoleIds + }) + }, [form, props]) + + const handleCancel = () => { + props.onCancel(); + }; + + const handleOk = () => { + form.submit(); + } + + const handleFinish = async (values) => { + props.onSubmit({ ...values }); + } + + return ( + <> + <Modal + title={ + Object.keys(props.values).length > 0 + ? intl.formatMessage({ id: 'page.edit', defaultMessage: '缂栬緫' }) + : intl.formatMessage({ id: 'page.add', defaultMessage: '娣诲姞' }) + } + 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> + <ProFormTreeSelect + name="deptId" + label="鎵�灞為儴闂�" + params={props.treeData} + request={async () => { + return props.treeData; + }} + colProps={{ md: 12, xl: 12 }} + fieldProps={{ + treeDefaultExpandedKeys: [0] + }} + rules={[{ required: true }]} + /> + <ProFormText + name="username" + label="鐧诲綍璐﹀彿" + colProps={{ md: 12, xl: 12 }} + rules={[{ required: true }]} + /> + </ProForm.Group> + <ProForm.Group> + <ProFormText + name="nickname" + label="鍚嶇О" + colProps={{ md: 12, xl: 12 }} + rules={[{ required: true }]} + /> + <ProFormSelect + name="sex" + label="鎬у埆" + colProps={{ md: 12, xl: 12 }} + options={[ + { label: '鏈煡', value: 0 }, + { label: '鐢�', value: 1 }, + { label: '濂�', value: 2 }, + ]} + /> + </ProForm.Group> + <ProForm.Group> + <ProFormText + name="phone" + label="鎵嬫満鍙�" + colProps={{ md: 12, xl: 12 }} + placeholder="璇疯緭鍏�" + rules={[ + { + pattern: /^1[3456789]\d{9}$/, + message: '璇疯緭鍏ユ纭殑鎵嬫満鍙风爜!', + }, + { + required: false, + message: '鎵嬫満鍙风爜涓嶈兘涓虹┖!', + }, + ]} + + /> + <ProFormText + name="email" + label="閭" + colProps={{ md: 12, xl: 12 }} + rules={[ + { + type: 'email', + message: '璇疯緭鍏ユ纭殑閭鍦板潃!', + }, + { + required: false, + }, + ]} + /> + </ProForm.Group> + <ProForm.Group> + <ProFormText + name="realName" + label="鐪熷疄濮撳悕" + colProps={{ md: 12, xl: 12 }} + /> + <ProFormText + name="idCard" + label="韬唤璇佸彿" + colProps={{ md: 12, xl: 12 }} + /> + </ProForm.Group> + <ProForm.Group> + <ProFormRadio.Group + name="status" + label="鐘舵��" + colProps={{ md: 12, xl: 12 }} + options={[ + { label: '姝e父', value: 1 }, + { label: '绂佺敤', value: 0 }, + ]} + rules={[ + { + required: true, + }, + ]} + /> + <ProFormSelect + name="roleIds" + mode="multiple" + label="瑙掕壊" + colProps={{ md: 12, xl: 12 }} + rules={[{ required: true, type: 'array', message: '瑙掕壊涓嶈兘涓虹┖!' }]} + request={async ({ keyWords }) => { + const resp = await Http.doPostForm('api/role/query', { condition: keyWords }); + return resp.data; + }} + /> + </ProForm.Group> + <ProFormTextArea + name="memo" + label="澶囨敞" + colProps={{ md: 24, xl: 24 }} + /> + </ProForm> + </Modal> + </> + ) +} + +export default Edit; -- Gitblit v1.9.1