2021-04-13

king

2021-04-13 e0aff8f4c0e9c8f16d1ba07863cf600638067514

 src/pc/components/navbar/normal-navbar/wrapsetting/settingform/index.jsx

@@ -1,6 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { Form, Row, Col, Input, Tooltip, Icon, InputNumber } from 'antd'
import { Form, Row, Col, Input, Tooltip, Icon, InputNumber, Select, Radio } from 'antd'

import asyncComponent from '@/utils/asyncComponent'
import './index.scss'
@@ -16,22 +16,22 @@
  }

  state = {
    roleList: []
    appMenus: []
  }

  UNSAFE_componentWillMount () {
    let roleList = sessionStorage.getItem('sysRoles')
    if (roleList) {
    let appMenus = sessionStorage.getItem('appMenus')
    if (appMenus) {
      try {
        roleList = JSON.parse(roleList)
        appMenus = JSON.parse(appMenus)
      } catch {
        roleList = []
        appMenus = []
      }
    } else {
      roleList = []
      appMenus = []
    }

    this.setState({roleList})
    this.setState({appMenus})
  }

  handleConfirm = () => {
@@ -58,7 +58,7 @@
  render() {
    const { wrap } = this.props
    const { getFieldDecorator } = this.props.form

    const { appMenus } = this.state
    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
@@ -82,6 +82,19 @@
                    {
                      required: true,
                      message: this.props.dict['form.required.input'] + '导航栏名称!'
                    }
                  ]
                })(<Input placeholder={''} autoComplete="off" onPressEnter={this.handleSubmit} />)}
              </Form.Item>
            </Col>
            <Col span={12}>
              <Form.Item label="菜单参数">
                {getFieldDecorator('MenuNo', {
                  initialValue: wrap.MenuNo,
                  rules: [
                    {
                      required: true,
                      message: this.props.dict['form.required.input'] + '菜单参数!'
                    }
                  ]
                })(<Input placeholder={''} autoComplete="off" onPressEnter={this.handleSubmit} />)}
@@ -127,6 +140,57 @@
                )}
              </Form.Item>
            </Col>
            <Col span={12}>
              <Form.Item label="logo链接">
                {getFieldDecorator('logolink', {
                  initialValue: wrap.logolink || ''
                })(
                  <Select
                    showSearch
                    filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
                  >
                    <Select.Option key="empty" intid={''} value={''}>无</Select.Option>
                    {appMenus.map(option =>
                      <Select.Option key={option.MenuID} value={option.MenuID}>{option.MenuName}</Select.Option>
                    )}
                  </Select>
                )}
              </Form.Item>
            </Col>
            <Col span={12}>
              <Form.Item label={
                <Tooltip placement="topLeft" title="存在登录且取到登录信息时，显示用户头像、用户名及退出。">
                  <Icon type="question-circle" />
                  用户信息
                </Tooltip>
              }>
                {getFieldDecorator('user', {
                  initialValue: wrap.user || 'hidden'
                })(
                  <Radio.Group>
                    <Radio value="hidden">隐藏</Radio>
                    <Radio value="show">显示</Radio>
                  </Radio.Group>
                )}
              </Form.Item>
            </Col>
            <Col span={12}>
              <Form.Item label={
                <Tooltip placement="topLeft" title="默认隐藏菜单栏，鼠标在靠近顶部时显示。">
                  <Icon type="question-circle" />
                  悬浮显示
                </Tooltip>
              }>
                {getFieldDecorator('hover', {
                  initialValue: wrap.hover || 'false'
                })(
                  <Radio.Group>
                    <Radio value="true">启用</Radio>
                    <Radio value="false">不启用</Radio>
                  </Radio.Group>
                )}
              </Form.Item>
            </Col>
          </Row>
        </Form>
      </div>