king
2021-09-02 3d4bc79a80eb9cff0f8ef7c53f9685c9ff9fbd2d
src/mob/components/navbar/normal-navbar/menusetting/menuform/index.jsx
@@ -2,10 +2,11 @@
import PropTypes from 'prop-types'
import { Form, Row, Col, Input, Radio, Tooltip, Icon, Select } from 'antd'
import { minkeIconSystem } from '@/utils/option.js'
import asyncComponent from '@/utils/asyncComponent'
import './index.scss'
const { TextArea } = Input
const MkIcon = asyncComponent(() => import('@/components/mkIcon'))
class SettingForm extends Component {
  static propTpyes = {
@@ -24,7 +25,7 @@
    if (appMenus) {
      try {
        appMenus = JSON.parse(appMenus)
      } catch {
      } catch (e) {
        appMenus = []
      }
    } else {
@@ -87,7 +88,7 @@
    }
    return (
      <Form {...formItemLayout}>
      <Form {...formItemLayout} className="mob-menu-form">
        <Row gutter={24}>
          <Col span={12}>
            <Form.Item label="菜单名称">
@@ -120,14 +121,7 @@
              {getFieldDecorator('icon', {
                initialValue: menu.icon || ''
              })(
                <Select showSearch allowClear>
                  {minkeIconSystem.normal.map(icon => <Select.Option key={icon} value={icon}><Icon type={icon} /></Select.Option>)}
                  {minkeIconSystem.trademark.map(icon => <Select.Option key={icon} value={icon}><Icon type={icon} /></Select.Option>)}
                  {minkeIconSystem.data.map(icon => <Select.Option key={icon} value={icon}><Icon type={icon} /></Select.Option>)}
                  {minkeIconSystem.edit.map(icon => <Select.Option key={icon} value={icon}><Icon type={icon} /></Select.Option>)}
                  {minkeIconSystem.hint.map(icon => <Select.Option key={icon} value={icon}><Icon type={icon} /></Select.Option>)}
                  {minkeIconSystem.direction.map(icon => <Select.Option key={icon} value={icon}><Icon type={icon} /></Select.Option>)}
                </Select>
                <MkIcon allowClear />
              )}
            </Form.Item>
          </Col>
@@ -152,10 +146,11 @@
              {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="link">链接</Radio>
                  <Radio value="linkmenu">关联菜单</Radio>
                  <Radio value="sysmenu">系统页</Radio>
                  <Radio value="link">链接</Radio>
                </Radio.Group>
              )}
            </Form.Item>
@@ -172,8 +167,23 @@
              )}
            </Form.Item>
          </Col>
          {property === 'link' ? <Col span={12}>
            <Form.Item label="链接地址">
          {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', {
                initialValue: menu.link || '',
                rules: [{