#

luxiaotao1123

2024-03-21 19e24b4f23cf19fb2edf776abffa5b7e754c22d5

 zy-asrs-flow/src/pages/system/menu/components/edit.jsx

@@ -7,12 +7,19 @@
    ProFormDateTimePicker,
    ProFormTreeSelect
} from '@ant-design/pro-components';
import { Form, Modal } from 'antd';
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;

@@ -38,7 +45,11 @@
    return (
        <>
            <Modal
                title="Edit"
                title={
                    Object.keys(props.values).length > 0
                        ? intl.formatMessage({ id: 'page.edit', defaultMessage: '编辑' })
                        : intl.formatMessage({ id: 'page.add', defaultMessage: '添加' })
                }
                width={640}
                forceRender
                destroyOnClose
@@ -58,115 +69,73 @@
                        disabled
                        hidden={true}
                    />

                    <ProFormTreeSelect
                        name="parentId"
                        label="上级菜单"
                        params={props.treeData}
                        request={async () => {
                            return props.treeData;
                        }}
                        placeholder="请选择"
                        rules={[{ required: true, message: "上级菜单不能为空" }]}
                        fieldProps={{
                            defaultValue: 0
                        }}
                    />
                    <ProForm.Group>
                        <ProFormText
                            name="name"
                            label="名称"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                            rules={[{ required: true, message: "名称不能为空！" }]}
                        />
                        <ProFormDigit
                        <ProFormTreeSelect
                            name="parentId"
                            label="上级菜单"
                            params={props.treeData}
                            request={async () => {
                                return props.treeData;
                            }}
                            colProps={{ md: 12, xl: 12 }}
                            fieldProps={{ precision: 0 }}
                            placeholder="请输入"
                            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="parentName"
                            label="上级菜单名"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                        <ProFormText
                            name="path"
                            label="关联路径"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                    </ProForm.Group>
                    <ProForm.Group>
                        <ProFormText
                            name="pathName"
                            label="关联路径名"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                        <ProFormText
                            name="route"
                            label="路由地址"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                    </ProForm.Group>
                    <ProForm.Group>
                        <ProFormText
                            name="component"
                            label="页面组件"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                        <ProFormText
                            name="brief"
                            label="简述"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                    </ProForm.Group>
                    <ProForm.Group>
                        <ProFormText
                            name="code"
                            label="标识"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                        <ProFormSelect
                            name="type"
                            label="类型"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请选择"
                            colProps={{ md: 10, xl: 610 }}
                            options={[
                                { label: '菜单', value: 0 },
                                { label: '按钮', value: 1 },
                            ]}
                            fieldProps={{
                                defaultValue: 0,
                                onChange: (e) => {
                                    setMenuType(e);
                                },
                            }}
                            rules={[{ required: true, message: "类型不能为空！" }]}
                        />
                    </ProForm.Group>
                    <ProForm.Group>
                        <ProFormText
                            name="authority"
                            label="权限标识"
                            hidden={menuType !== 1}
                            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>
@@ -175,30 +144,35 @@
                            label="排序"
                            colProps={{ md: 12, xl: 12 }}
                            fieldProps={{ precision: 0 }}
                            placeholder="请输入"
                        />
                        <ProFormText
                            name="meta"
                            label="元信息"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请输入"
                        />
                    </ProForm.Group>
                    <ProForm.Group>
                        <ProFormSelect
                            name="status"
                            label="状态"
                            colProps={{ md: 12, xl: 12 }}
                            placeholder="请选择"
                            options={[
                                { label: '正常', value: 1 },
                                { label: '禁用', value: 0 },
                            ]}
                        />
                    </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 >
        </>
    )
}