siteConfigDrawer.js 2.52 KB
Newer Older
张烨's avatar
张烨 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
import React from 'react';
import { Button, Drawer } from 'antd';
import styles from './siteConfigDrawer.less';
import BaseForm from '@/components/BaseForm';

let form = null;

const defaultKeyMap = {
  title: {
    label: '标题',
    formType: 'input',
    allowClear: true,
    placeholder: '请输入标题',
    rules: [
      {
        required: true,
        message: '标题为必填项',
      },
    ],
  },
  subtitle: {
    label: '副标题',
    formType: 'input',
    allowClear: true,
  },
  shortcutIcon: {
    label: '图标icon',
    formType: 'image',
    rules: [
      {
        required: true,
        message: '请选择图标icon',
      },
    ],
  },
  logo: {
    label: '登录logo',
    formType: 'image',
    rules: [
      {
        required: true,
        message: '请选择登录logo',
      },
    ],
  },
  bannerlogo: {
    label: '标题logo',
    formType: 'image',
    rules: [
      {
        required: true,
        message: '请选择标题logo',
      },
    ],
  },
  client: {
    label: '虚拟目录',
    formType: 'input',
    allowClear: true,
    size: 'small',
    rules: [
      {
        required: true,
        message: '虚拟目录不能为空',
      },
    ],
  },
  homePage: {
    label: '主页',
    formType: 'input',
    allowClear: true,
  },
  loginTemplate: {
    label: '登录模板',
    formType: 'select',
    placeholder: '请选择登录模板',
    filterOption: (input, option) =>
      option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
    rules: [
      {
        required: true,
        message: '登录模板必填',
      },
    ],
  },
  theme: {
    label: '系统皮肤',
    formType: 'singleRadio',
    rules: [
      {
        required: true,
        message: '请选择系统皮肤',
      },
    ],
  },
  style: '系统风格',
  menu: '菜单类型',
  mode: '功能标签',
  qrcode: '二维码地址',
  mapPlan: '地图方案',
  waterMark: '地图水印',
};

export default props => {
  const { visible, onClose, config } = props;

  const getForm = f => {
    form = f;
  };
  const adaptConfig = conf => {};
  const formConfig = {
    getForm,
    items: [
      {
        label: '标题',
        dataIndex: 'title',
        initialValue: '',
        rules: [],
      },
    ],
  };
  return (
    <div className={styles.siteConfigContainer}>
      <Drawer
        title="Multi-level drawer"
        width={520}
        closable
        onClose={onClose}
        visible={visible}
      >
        <BaseForm {...formConfig} />
      </Drawer>
    </div>
  );
};