#

luxiaotao1123

2024-02-20 4d2b6e57ad8afac8e7c314f5e88de3abe952f99c

 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;

@@ -32,7 +37,7 @@
    }

    const handleFinish = async (values) => {
        props.onSubmit({ ...values });
        console.log(values);
    }

    return (
@@ -99,7 +104,7 @@
                        <ProFormSelect
                            name="type"
                            label="类型"
                            colProps={{ md: 12, xl: 12 }}
                            colProps={{ md: 10, xl: 610 }}
                            placeholder="请选择"
                            options={[
                                { label: '菜单', value: 0 },
@@ -119,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>
@@ -147,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 >
        </>
    )
}