From cb0b9b81c668a4b03dfa8da30a0d3c14302d25fe Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 23 二月 2024 12:37:55 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/system/menu/components/edit.jsx | 42 ++++++++++++++++++++++++++++++++++--------
1 files changed, 34 insertions(+), 8 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 686a006..2f7a7e1 100644
--- a/zy-asrs-flow/src/pages/system/menu/components/edit.jsx
+++ b/zy-asrs-flow/src/pages/system/menu/components/edit.jsx
@@ -7,12 +7,17 @@
ProFormDateTimePicker,
ProFormTreeSelect
} from '@ant-design/pro-components';
-import { Form, Modal } from 'antd';
+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 [menuType, setMenuType] = useState(0);
+ const [menuIconName, setMenuIconName] = useState();
+ const [iconSelectorOpen, setIconSelectorOpen] = useState(false);
+
const [form] = Form.useForm();
const { } = props;
@@ -70,16 +75,15 @@
placeholder="璇烽�夋嫨"
rules={[{ required: true, message: "涓婄骇鑿滃崟涓嶈兘涓虹┖" }]}
fieldProps={{
- defaultValue: 0,
treeDefaultExpandedKeys: [0]
}}
/>
<ProFormText
name="name"
- label="鍚嶇О"
+ label="鑿滃崟鍚嶇О"
colProps={{ md: 12, xl: 12 }}
placeholder="璇疯緭鍏�"
- rules={[{ required: true, message: "鍚嶇О涓嶈兘涓虹┖锛�" }]}
+ rules={[{ required: true, message: "鑿滃崟鍚嶇О涓嶈兘涓虹┖锛�" }]}
/>
</ProForm.Group>
<ProForm.Group>
@@ -100,14 +104,13 @@
<ProFormSelect
name="type"
label="绫诲瀷"
- colProps={{ md: 12, xl: 12 }}
+ colProps={{ md: 10, xl: 610 }}
placeholder="璇烽�夋嫨"
options={[
{ label: '鑿滃崟', value: 0 },
{ label: '鎸夐挳', value: 1 },
]}
fieldProps={{
- defaultValue: 0,
onChange: (e) => {
setMenuType(e);
},
@@ -121,12 +124,19 @@
colProps={{ md: 12, xl: 12 }}
placeholder="璇疯緭鍏�"
/>
- <ProFormText
+ <ProFormSelect
name="icon"
label="鑿滃崟鍥炬爣"
hidden={menuType !== 0}
colProps={{ md: 12, xl: 12 }}
placeholder="璇疯緭鍏�"
+ valueEnum={{}}
+ addonBefore={createIcon(menuIconName)}
+ fieldProps={{
+ onClick: () => {
+ setIconSelectorOpen(true);
+ },
+ }}
/>
</ProForm.Group>
<ProForm.Group>
@@ -149,7 +159,23 @@
/>
</ProForm.Group>
</ProForm>
- </Modal>
+ <Modal
+ width={800}
+ open={iconSelectorOpen}
+ onCancel={() => {
+ setIconSelectorOpen(false);
+ }}
+ footer={null}
+ >
+ <IconSelector
+ onSelect={(name) => {
+ form.setFieldsValue({ icon: name });
+ setMenuIconName(name);
+ setIconSelectorOpen(false);
+ }}
+ />
+ </Modal>
+ </Modal >
</>
)
}
--
Gitblit v1.9.1