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/menu/components/edit.jsx | 360 ++++++++++++++++++++++++++++++------------------------------
1 files changed, 180 insertions(+), 180 deletions(-)
diff --git a/zy-asrs-flow/src/pages/system/menu/components/edit.jsx b/zy-asrs-flow/src/pages/system/menu/components/edit.jsx
index 7a929f5..ea45c70 100644
--- a/zy-asrs-flow/src/pages/system/menu/components/edit.jsx
+++ b/zy-asrs-flow/src/pages/system/menu/components/edit.jsx
@@ -1,180 +1,180 @@
-import React, { useState, useRef, useEffect, useMemo } from 'react';
-import {
- ProForm,
- ProFormDigit,
- ProFormText,
- ProFormSelect,
- ProFormDateTimePicker,
- ProFormTreeSelect
-} from '@ant-design/pro-components';
-import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal, Col } from 'antd';
-import moment from 'moment';
-import Http from '@/utils/http';
-import { createIcon } from '@/utils/icon-util'
-import IconSelector from '@/components/IconSelector';
-
-const Edit = (props) => {
- const intl = useIntl();
- const [menuType, setMenuType] = useState(0);
- const [menuIconName, setMenuIconName] = useState();
- const [iconSelectorOpen, setIconSelectorOpen] = useState(false);
-
- 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={
- 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="parentId"
- label="涓婄骇鑿滃崟"
- params={props.treeData}
- request={async () => {
- return props.treeData;
- }}
- colProps={{ md: 12, xl: 12 }}
- rules={[{ required: true, message: "涓婄骇鑿滃崟涓嶈兘涓虹┖" }]}
- fieldProps={{
- treeDefaultExpandedKeys: [0]
- }}
- />
- <ProFormText
- name="name"
- label="鑿滃崟鍚嶇О"
- colProps={{ md: 12, xl: 12 }}
- rules={[{ required: true, message: "鑿滃崟鍚嶇О涓嶈兘涓虹┖锛�" }]}
- />
- </ProForm.Group>
- <ProForm.Group>
- <ProFormText
- name="route"
- label="璺敱鍦板潃"
- colProps={{ md: 12, xl: 12 }}
- />
- <ProFormText
- name="component"
- label="椤甸潰缁勪欢"
- colProps={{ md: 12, xl: 12 }}
- />
- </ProForm.Group>
- <ProForm.Group>
- <ProFormSelect
- name="type"
- label="绫诲瀷"
- colProps={{ md: 10, xl: 610 }}
- options={[
- { label: '鑿滃崟', value: 0 },
- { label: '鎸夐挳', value: 1 },
- ]}
- fieldProps={{
- onChange: (e) => {
- setMenuType(e);
- },
- }}
- rules={[{ required: true, message: "绫诲瀷涓嶈兘涓虹┖锛�" }]}
- />
- <ProFormText
- name="authority"
- label="鏉冮檺鏍囪瘑"
- hidden={menuType !== 1}
- colProps={{ md: 12, xl: 12 }}
- />
- <ProFormSelect
- name="icon"
- label="鑿滃崟鍥炬爣"
- hidden={menuType !== 0}
- colProps={{ md: 12, xl: 12 }}
- valueEnum={{}}
- addonBefore={createIcon(menuIconName)}
- fieldProps={{
- onClick: () => {
- setIconSelectorOpen(true);
- },
- }}
- />
- </ProForm.Group>
- <ProForm.Group>
- <ProFormDigit
- name="sort"
- label="鎺掑簭"
- colProps={{ md: 12, xl: 12 }}
- fieldProps={{ precision: 0 }}
- />
- <ProFormSelect
- name="status"
- label="鐘舵��"
- colProps={{ md: 12, xl: 12 }}
- options={[
- { label: '姝ｅ父', value: 1 },
- { label: '绂佺敤', value: 0 },
- ]}
- />
- </ProForm.Group>
- </ProForm>
- <Modal
- width={800}
- open={iconSelectorOpen}
- onCancel={() => {
- setIconSelectorOpen(false);
- }}
- footer={null}
- >
- <IconSelector
- onSelect={(name) => {
- form.setFieldsValue({ icon: name });
- setMenuIconName(name);
- setIconSelectorOpen(false);
- }}
- />
- </Modal>
- </Modal >
- </>
- )
-}
-
-export default Edit;
+import React, { useState, useRef, useEffect, useMemo } from 'react';
+import {
+ ProForm,
+ ProFormDigit,
+ ProFormText,
+ ProFormSelect,
+ ProFormDateTimePicker,
+ ProFormTreeSelect
+} from '@ant-design/pro-components';
+import { FormattedMessage, useIntl } from '@umijs/max';
+import { Form, Modal, Col } from 'antd';
+import moment from 'moment';
+import Http from '@/utils/http';
+import { createIcon } from '@/utils/icon-util'
+import IconSelector from '@/components/IconSelector';
+
+const Edit = (props) => {
+ const intl = useIntl();
+ const [menuType, setMenuType] = useState(0);
+ const [menuIconName, setMenuIconName] = useState();
+ const [iconSelectorOpen, setIconSelectorOpen] = useState(false);
+
+ 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={
+ 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="parentId"
+ label="涓婄骇鑿滃崟"
+ params={props.treeData}
+ request={async () => {
+ return props.treeData;
+ }}
+ colProps={{ md: 12, xl: 12 }}
+ rules={[{ required: true, message: "涓婄骇鑿滃崟涓嶈兘涓虹┖" }]}
+ fieldProps={{
+ treeDefaultExpandedKeys: [0]
+ }}
+ />
+ <ProFormText
+ name="name"
+ label="鑿滃崟鍚嶇О"
+ colProps={{ md: 12, xl: 12 }}
+ rules={[{ required: true, message: "鑿滃崟鍚嶇О涓嶈兘涓虹┖锛�" }]}
+ />
+ </ProForm.Group>
+ <ProForm.Group>
+ <ProFormText
+ name="route"
+ label="璺敱鍦板潃"
+ colProps={{ md: 12, xl: 12 }}
+ />
+ <ProFormText
+ name="component"
+ label="椤甸潰缁勪欢"
+ colProps={{ md: 12, xl: 12 }}
+ />
+ </ProForm.Group>
+ <ProForm.Group>
+ <ProFormSelect
+ name="type"
+ label="绫诲瀷"
+ colProps={{ md: 10, xl: 610 }}
+ options={[
+ { label: '鑿滃崟', value: 0 },
+ { label: '鎸夐挳', value: 1 },
+ ]}
+ fieldProps={{
+ onChange: (e) => {
+ setMenuType(e);
+ },
+ }}
+ rules={[{ required: true, message: "绫诲瀷涓嶈兘涓虹┖锛�" }]}
+ />
+ <ProFormText
+ name="authority"
+ label="鏉冮檺鏍囪瘑"
+ hidden={menuType !== 1}
+ colProps={{ md: 12, xl: 12 }}
+ />
+ <ProFormSelect
+ name="icon"
+ label="鑿滃崟鍥炬爣"
+ hidden={menuType !== 0}
+ colProps={{ md: 12, xl: 12 }}
+ valueEnum={{}}
+ addonBefore={createIcon(menuIconName)}
+ fieldProps={{
+ onClick: () => {
+ setIconSelectorOpen(true);
+ },
+ }}
+ />
+ </ProForm.Group>
+ <ProForm.Group>
+ <ProFormDigit
+ name="sort"
+ label="鎺掑簭"
+ colProps={{ md: 12, xl: 12 }}
+ fieldProps={{ precision: 0 }}
+ />
+ <ProFormSelect
+ name="status"
+ label="鐘舵��"
+ colProps={{ md: 12, xl: 12 }}
+ options={[
+ { label: '姝ｅ父', value: 1 },
+ { label: '绂佺敤', value: 0 },
+ ]}
+ />
+ </ProForm.Group>
+ </ProForm>
+ <Modal
+ width={800}
+ open={iconSelectorOpen}
+ onCancel={() => {
+ setIconSelectorOpen(false);
+ }}
+ footer={null}
+ >
+ <IconSelector
+ onSelect={(name) => {
+ form.setFieldsValue({ icon: name });
+ setMenuIconName(name);
+ setIconSelectorOpen(false);
+ }}
+ />
+ </Modal>
+ </Modal >
+ </>
+ )
+}
+
+export default Edit;
--
Gitblit v1.9.1