| | |
| | | import React, {Component} from 'react' |
| | | import PropTypes from 'prop-types' |
| | | import { Form, Row, Col, Input, Tooltip, Icon, InputNumber, Select, Checkbox, notification } from 'antd' |
| | | import { Form, Row, Col, Input, Tooltip, Icon, InputNumber, Select, Checkbox, notification, Radio } from 'antd' |
| | | |
| | | import StyleInput from '@/menu/stylecontroller/styleInput' |
| | | import './index.scss' |
| | |
| | | |
| | | state = { |
| | | roleList: [], |
| | | msgTemps: [] |
| | | msgTemps: [], |
| | | appMenus: [], |
| | | link: this.props.wrap.link || 'menu' |
| | | } |
| | | |
| | | UNSAFE_componentWillMount () { |
| | |
| | | msgTemps = [] |
| | | } |
| | | |
| | | this.setState({roleList, msgTemps}) |
| | | let appMenus = sessionStorage.getItem('appMenus') |
| | | if (appMenus) { |
| | | try { |
| | | appMenus = JSON.parse(appMenus) |
| | | } catch { |
| | | appMenus = [] |
| | | } |
| | | } else { |
| | | appMenus = [] |
| | | } |
| | | |
| | | this.setState({roleList, msgTemps, appMenus}) |
| | | } |
| | | |
| | | handleConfirm = () => { |
| | |
| | | render() { |
| | | const { wrap } = this.props |
| | | const { getFieldDecorator } = this.props.form |
| | | const { roleList, msgTemps } = this.state |
| | | const { roleList, msgTemps, appMenus, link } = this.state |
| | | |
| | | const formItemLayout = { |
| | | labelCol: { |
| | |
| | | })(<StyleInput options={['px', 'vh', 'vw', '%']}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={12}> |
| | | <Form.Item label="链接"> |
| | | {getFieldDecorator('link', { |
| | | initialValue: wrap.link || 'menu' |
| | | })( |
| | | <Radio.Group onChange={(e) => this.setState({link: e.target.value})}> |
| | | <Radio key="menu" value="menu"> 菜单 </Radio> |
| | | <Radio key="linkmenu" value="linkmenu"> 关联菜单 </Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | {link === 'linkmenu' ? <Col span={12}> |
| | | <Form.Item label="关联菜单"> |
| | | {getFieldDecorator('linkmenu', { |
| | | initialValue: wrap.linkmenu || '', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: this.props.dict['form.required.select'] + '菜单!' |
| | | } |
| | | ] |
| | | })( |
| | | <Select |
| | | showSearch |
| | | filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0} |
| | | > |
| | | {appMenus.map(option => |
| | | <Select.Option key={option.MenuID} value={option.MenuID}>{option.MenuName}</Select.Option> |
| | | )} |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {/* $验证码$ $mob$ $send_type$ */} |
| | | <Col span={12}> |
| | | <Form.Item label={ |