| | |
| | | wrapClassName="popview-modal" |
| | | title={'菜单设置'} |
| | | visible={visible} |
| | | width={800} |
| | | width={900} |
| | | maskClosable={false} |
| | | okText={dict['model.submit']} |
| | | onOk={this.settingSubmit} |
| | |
| | | } |
| | | ] |
| | | })( |
| | | <Radio.Group style={{whiteSpace: 'nowrap'}} onChange={(e) => this.setState({type: e.target.value})}> |
| | | <Radio.Group className="over" onChange={(e) => this.setState({type: e.target.value})}> |
| | | <Radio value="menu">菜单</Radio> |
| | | <Radio value="linkmenu">关联菜单</Radio> |
| | | <Radio value="sysmenu">系统页</Radio> |
| | | <Radio value="link">链接</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | {type === 'sysmenu' ? <Col span={12}> |
| | | <Form.Item label="系统页面"> |
| | | {getFieldDecorator('sysmenu', { |
| | | initialValue: setting.sysmenu || '', |
| | | rules: [{ |
| | | required: true, |
| | | message: '请选择系统页面!' |
| | | }] |
| | | })( |
| | | <Select> |
| | | <Select.Option value="AIService">智能客服</Select.Option> |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {type === 'menu' ? <Col span={12}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="复制菜单仅在当前菜单不存在时有效。"> |
| | |
| | | .color-sketch-block { |
| | | margin-top: 7px; |
| | | } |
| | | .ant-radio-group.over { |
| | | white-space: nowrap; |
| | | .ant-radio-wrapper { |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | } |
| | |
| | | {getFieldDecorator('property', { |
| | | initialValue: menu.property || 'menu' |
| | | })( |
| | | <Radio.Group onChange={this.changeProperty} style={{whiteSpace: 'nowrap'}}> |
| | | <Radio.Group onChange={this.changeProperty} className="over"> |
| | | <Radio value="menu">菜单</Radio> |
| | | <Radio value="linkmenu">关联菜单</Radio> |
| | | <Radio value="sysmenu">系统页</Radio> |
| | | <Radio value="link">链接</Radio> |
| | | </Radio.Group> |
| | | )} |
| | |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | {property === 'sysmenu' ? <Col span={12}> |
| | | <Form.Item label="系统页面"> |
| | | {getFieldDecorator('sysmenu', { |
| | | initialValue: menu.sysmenu || '', |
| | | rules: [{ |
| | | required: true, |
| | | message: '请选择系统页面!' |
| | | }] |
| | | })( |
| | | <Select> |
| | | <Select.Option value="AIService">智能客服</Select.Option> |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {property === 'link' ? <Col span={24}> |
| | | <Form.Item label="链接地址" className="textarea"> |
| | | {getFieldDecorator('link', { |
| | |
| | | width: 84%; |
| | | } |
| | | } |
| | | |
| | | .ant-radio-group.over { |
| | | white-space: nowrap; |
| | | .ant-radio-wrapper { |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | } |
| | |
| | | { title: '菜单名称', dataIndex: 'name', key: 'name' }, |
| | | { title: '菜单参数', dataIndex: 'MenuNo', key: 'MenuNo' }, |
| | | { title: '菜单属性', dataIndex: 'property', key: 'property', render: text => { |
| | | const trans = {menu: '菜单', link: '链接', linkmenu: '关联菜单'} |
| | | const trans = {menu: '菜单', link: '链接', linkmenu: '关联菜单', sysmenu: '系统页'} |
| | | |
| | | return trans[text] |
| | | }}, |
| | |
| | | <Modal |
| | | title="编辑" |
| | | visible={visible} |
| | | width={750} |
| | | width={900} |
| | | maskClosable={false} |
| | | onOk={this.menuSubmit} |
| | | onCancel={() => { this.setState({ visible: false }) }} |