add template

@@ -2,5 +2,9 @@
     "presets": [
     "presets": [
         "@babel/react",
         "@babel/react",
         "@babel/env"
         "@babel/env"
+    ],
+    "plugins": [
+        "@babel/plugin-syntax-dynamic-import",
+        "@babel/plugin-proposal-class-properties"
     ]
     ]
 }
 }

@@ -23,7 +23,8 @@ module.exports = {
             use: {
             use: {
                 loader: "babel-loader",
                 loader: "babel-loader",
                 options: {
                 options: {
-                    presets: ["@babel/env", "@babel/react"]
+                    presets: ["@babel/env", "@babel/react"],
+                    plugins: ["@babel/plugin-proposal-class-properties", "@babel/plugin-syntax-dynamic-import"]
                 }
                 }
             }
             }
         }, {
         }, {
@@ -64,7 +65,8 @@ module.exports = {
     ],
     ],
     resolve: {
     resolve: {
         alias: {
         alias: {
-            src: path.resolve(rootPath, 'src')
+            src: path.resolve(rootPath, 'src'),
+            antd: path.resolve(rootPath, 'node_modules', 'antd')
         }
         }
     },
     },
     output: {
     output: {

@@ -9,26 +9,35 @@
   "author": "",
   "author": "",
   "license": "ISC",
   "license": "ISC",
   "dependencies": {
   "dependencies": {
+    "antd": "^3.20.0",
     "classnames": "^2.2.6",
     "classnames": "^2.2.6",
     "connected-react-router": "^6.5.0",
     "connected-react-router": "^6.5.0",
     "es6-promise": "^4.2.8",
     "es6-promise": "^4.2.8",
     "history": "^4.9.0",
     "history": "^4.9.0",
     "isomorphic-fetch": "^2.2.1",
     "isomorphic-fetch": "^2.2.1",
     "localforage": "^1.7.3",
     "localforage": "^1.7.3",
+    "moment": "^2.24.0",
+    "prop-types": "^15.7.2",
+    "rc-animate": "^2.8.3",
     "react": "^16.8.6",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-loadable": "^5.5.0",
     "react-loadable": "^5.5.0",
     "react-redux": "^7.1.0",
     "react-redux": "^7.1.0",
     "react-router": "^5.0.1",
     "react-router": "^5.0.1",
+    "reduce-reducers": "^1.0.4",
     "redux": "^4.0.1",
     "redux": "^4.0.1",
     "redux-form": "^8.2.4",
     "redux-form": "^8.2.4",
     "redux-saga": "^1.0.5",
     "redux-saga": "^1.0.5",
-    "workai-express": "git+http://gitlab.workai.com.cn/fanwh/workai-express.git"
+    "regenerator-runtime": "^0.13.2",
+    "uuid": "^3.3.2",
+    "workai-express": "git+http://gitlab.workai.com.cn/fanwh/workai-express.git#aecbfb5"
   },
   },
   "devDependencies": {
   "devDependencies": {
     "@babel/cli": "^7.4.4",
     "@babel/cli": "^7.4.4",
     "@babel/core": "^7.4.5",
     "@babel/core": "^7.4.5",
     "@babel/node": "^7.4.5",
     "@babel/node": "^7.4.5",
+    "@babel/plugin-proposal-class-properties": "^7.5.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/preset-env": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
     "babel-loader": "^8.0.6",
     "babel-loader": "^8.0.6",

@@ -10,7 +10,7 @@ exports = module.exports = function () {
             dir: path.join(serviceDir, 'server', 'views'),
             dir: path.join(serviceDir, 'server', 'views'),
             engine: 'ejs',
             engine: 'ejs',
             publicPath: '/',
             publicPath: '/',
-            staticServerPath: path.join(serviceDir, 'build'),
+            staticServerPath: path.join(serviceDir, 'static'),
             cluster: false,
             cluster: false,
             ssl: {
             ssl: {
                 enabled: false,
                 enabled: false,

 /* eslint-disable no-var */
 /* eslint-disable no-var */
+import path from 'path';
+import workaiExpress from 'workai-express';
 import webpack from 'webpack';
 import webpack from 'webpack';
 import webpackDevMiddleware from 'webpack-dev-middleware';
 import webpackDevMiddleware from 'webpack-dev-middleware';
 import webpackHotMiddleware from 'webpack-hot-middleware';
 import webpackHotMiddleware from 'webpack-hot-middleware';
 import config from '../configs/webpack.develop.config';
 import config from '../configs/webpack.develop.config';
-var path = require('path');
-var workaiExpress = require('workai-express');
+
 var app = workaiExpress.app;
 var app = workaiExpress.app;
 var IoC = workaiExpress.IoC;
 var IoC = workaiExpress.IoC;
 var bootable = workaiExpress.bootable;
 var bootable = workaiExpress.bootable;
 const compiler = webpack(config);
 const compiler = webpack(config);
 
 
-IoC.use(IoC.dir(path.join(__dirname, 'boot')));
-app.use(webpackDevMiddleware(compiler, {
+IoC.use(IoC.dir(path.join(__dirname, 'boot')));//加载配置文件
+
+app.use(webpackDevMiddleware(compiler, {//要在路有前加载webpack打包中间价
     publicPath: config.output.publicPath
     publicPath: config.output.publicPath
 }));
 }));
-app.use(webpackHotMiddleware(compiler));
+app.use(webpackHotMiddleware(compiler));//要在路有前加载webpack热加载中间价
 
 
+app.phase(bootable.di.routes(path.join(__dirname, 'routes', 'index.js')));//载入路由 
 
 
-app.phase(bootable.di.routes('./routes'));//载入路由
 
 
-app.boot(function (err) {
+app.boot(function (err) {//配置插件加载完启动server
     if (err) {
     if (err) {
         console.log(err);
         console.log(err);
         process.exit(-1);
         process.exit(-1);
         return;
         return;
     }
     }
-});
-
-
-
+});

 
 
 // app - routes
 // app - routes
+var path = require('path');
 var workaiExpress = require('workai-express');
 var workaiExpress = require('workai-express');
 var IoC = workaiExpress.IoC;
 var IoC = workaiExpress.IoC;
 var bootable = workaiExpress.bootable;
 var bootable = workaiExpress.bootable;
@@ -8,7 +9,7 @@ exports = module.exports = function (settings) {
 
 
     var app = this;
     var app = this;
     //auth
     //auth
-    app.phase(bootable.di.routes('./routes/login.js'));
+    app.phase(bootable.di.routes(path.join(__dirname, 'login.js')));
 
 
 };
 };
 
 

@@ -8,8 +8,9 @@ exports = module.exports = function (settings, logger) {
     router.get('/', function (req, res, next) {
     router.get('/', function (req, res, next) {
         res.render('index.html', { 'csrfToken': 'xxxx' });
         res.render('index.html', { 'csrfToken': 'xxxx' });
     });
     });
-    router.get('/login', function (req, res, next) {
-        res.render('index.html', { 'csrfToken': 'xxxx' });
+    router.post('/login', function (req, res, next) {
+        logger.info(req.body);
+        res.send({ 'csrfToken': 'xxxx' });
     });
     });
     app.use('/', router);
     app.use('/', router);
 };
 };

 import React from 'react';
 import React from 'react';
+import { Provider } from "react-redux";
+import store, { history } from './redux/store';
+import AppRoutes from './routes';
 import cx from 'classnames';
 import cx from 'classnames';
+import 'antd/dist/antd.css';
+import './less/app.less';
+import zh_CN from 'antd/lib/locale-provider/zh_CN';
+import { LocaleProvider } from 'antd';
 
 
 
 
 class App extends React.Component {
 class App extends React.Component {
@@ -14,7 +21,12 @@ class App extends React.Component {
     render() {
     render() {
         return (
         return (
             <div className={cx('app_wrap')}>
             <div className={cx('app_wrap')}>
-                laxxxx
+                <LocaleProvider locale={zh_CN}>
+                    <Provider store={store}>
+                        <AppRoutes history={history}>
+                        </AppRoutes>
+                    </Provider>
+                </LocaleProvider>
             </div>
             </div>
         );
         );
     }
     }

+import React from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { submit } from 'redux-form';
+import { Menu, Icon } from 'antd';
+import { pushRoute } from '../../utils/commonUtils';
+import { changeSystemMenu } from '../../redux/actions/system';
+import cx from 'classnames';
+
+const SubMenu = Menu.SubMenu;
+const MenuItemGroup = Menu.ItemGroup;
+
+//格式化菜单
+const formatMenu = (perms) => {
+    const menu1 = {}, menu2 = {}, menus = [];
+    if (perms) {
+        perms.map((perm, i) => {
+            if (!perm.parent_module) {
+                menu1[perm.module] = {
+                    ...perm,
+                    display_name: perm.module_name
+                };
+            } else {
+                if (menu2[perm.parent_module]) {
+                    menu2[perm.parent_module].push({
+                        ...perm,
+                        display_name: perm.module_name
+                    });
+                } else {
+                    menu2[perm.parent_module] = [{
+                        ...perm,
+                        display_name: perm.module_name
+                    }];
+                }
+            }
+        });
+        const keys = Object.keys(menu1);
+        keys.map((key, i) => {
+            if (menu2[key]) {
+                menus.push({
+                    ...menu1[key],
+                    children: menu2[key]
+                });
+            } else {
+                menus.push({
+                    ...menu1[key]
+                });
+            }
+        });
+    }
+    return menus;
+};
+
+
+class SysMenu extends React.Component {
+    static propTypes = {
+        form: PropTypes.string,
+        onClick: PropTypes.func
+    }
+    static defaultProps = {
+    }
+    constructor(props) {
+        super(props);
+        this.handelClick = this.handelClick.bind(this);
+        this.renderSubMenu = this.renderSubMenu.bind(this);
+        this.handleClick = this.handleClick.bind(this);
+        this.handleOpenChange = this.handleOpenChange.bind(this);
+    }
+    componentDidMount() {
+    }
+    handelClick() {
+        const { onClick, form, dispatch } = this.props;
+        if (onClick) {
+            onClick();
+        } else {
+            dispatch(submit(form));
+        }
+    }
+    handleClick(modules) {
+        const { dispatch } = this.props;
+        const { keyPath, key } = modules;
+        const newOpenKeys = [].concat(keyPath);
+        if (newOpenKeys.length > 0)
+            newOpenKeys.shift();
+        dispatch(changeSystemMenu({
+            openKeys: newOpenKeys,
+            selectedKeys: [key]
+        }));
+        pushRoute(`main/${modules.key}`);
+    }
+    handleOpenChange(openKeys) {
+        const { selectedKeys, dispatch } = this.props;
+        dispatch(changeSystemMenu({
+            openKeys,
+            selectedKeys
+        }));
+    }
+    renderSubMenu(subMenus) {
+        return subMenus.map((subMenu, i) => {
+            return (
+                <Menu.Item key={subMenu.module}>
+                    <span className="nav-text">{subMenu.display_name}{subMenu && subMenu.is_beta && subMenu.is_beta == 'y' && <span style={{ color: 'rgba(153, 169, 191,0.6)' }}>（ 试用 ）</span>}</span>
+                </Menu.Item>
+            );
+        });
+    }
+    render() {
+        const { uaa_perms, openKeys, selectedKeys } = this.props;
+        const menus = formatMenu(uaa_perms);
+        return (
+            <Menu className={cx('system_wrap')}
+                onClick={this.handleClick}
+                style={{ width: '100%' }}
+                onOpenChange={this.handleOpenChange}
+                selectedKeys={selectedKeys}
+                openKeys={openKeys}
+                mode="inline">
+                {menus && menus.map((menu, i) => {
+                    if (menu.children) {
+                        return (
+                            <SubMenu key={menu.module} title={
+                                <span><img style={{ width: '12px', marginRight: '8px', verticalAlign: 'baseline' }} src={'menuIconMap[menu.module]'} alt="" />{menu.display_name}</span>
+                            }>
+                                {this.renderSubMenu(menu.children)}
+                            </SubMenu>
+                        );
+                    } else {
+                        return (
+                            <Menu.Item key={menu.module} >
+                                <span className="nav-text">
+                                    <img style={{ width: '12px', marginRight: '8px', verticalAlign: 'baseline' }} src={'menuIconMap[menu.module]'} alt="" />
+                                    {menu.display_name}
+                                    {menu && menu.module && menu.module == 'persontax' && <span className={cx('menu_new')}></span>}
+                                </span>
+                            </Menu.Item>
+                        );
+                    }
+                })}
+            </Menu>
+        );
+    }
+}
+
+
+
+const mapState = (state) => {
+    const {
+        router = {},
+        // system: { system_menu_selected_keys: { openKeys, selectedKeys } }
+    } = state;
+    return {
+        router,
+        uaa_tenant: {},
+        uaa_perms: [],
+        openKeys: [],
+        selectedKeys: []
+    };
+};
+export default connect(mapState)(SysMenu);

+import React, { createElement } from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { Radio, Input, Select, Cascader, InputNumber, Checkbox, DatePicker, TimePicker, Icon, Progress, Modal } from 'antd';
+import { Field, change, getFormValues, arrayPush, arrayRemove } from 'redux-form';
+import Animate from 'rc-animate';
+import moment from 'moment';
+import './reduxForm.less';
+import cx from 'classnames';
+
+const Option = Select.Option;
+const RadioGroup = Radio.Group;
+const CheckboxGroup = Checkbox.Group;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+const { TextArea } = Input;
+
+function filter(inputValue, path) {
+    return (path.some(option => (option.label).toLowerCase().indexOf(inputValue.toLowerCase()) > -1));
+}
+
+function getClassName(object, defaultName) {
+    const nameFromToStringRegex = /^function\s?([^\s(]*)/;
+    let result = "";
+    if (typeof object === 'function') {
+        result = object.name || object.toString().match(nameFromToStringRegex)[1];
+    } else if (typeof object.constructor === 'function') {
+        result = getClassName(object.constructor, defaultName);
+    }
+    return result || defaultName;
+}
+
+function getDefaultMappingName(preName, name) {
+    if ((preName && preName.lastIndexOf(".") == -1) || name.indexOf(".") != -1) {
+        return name;
+    } else if (preName && preName.lastIndexOf(".") != -1 && name.indexOf(".") == -1) {
+        return preName.substring(0, preName.lastIndexOf(".") + 1) + name;
+    }
+}
+
+
+
+export class ReduxFormArrayPush extends React.Component {
+    render() {
+        const { name, form, label, item = {} } = this.props;
+        return <a href={"javascript:;"} onClick={() => {
+
+        }}> {label}</a>;
+    }
+}
+
+export class ReduxFormArrayRemove extends React.Component {
+    render() {
+        const { index, name, form, className, firstRemove = false, title } = this.props;
+        if (index > 0 || firstRemove) {
+            return <Icon title={title} type="close" className={className} style={{ color: 'red' }} onClick={() => {
+
+            }} />;
+        } else {
+            return null;
+        }
+    }
+}
+
+class IfEles extends React.Component {
+    static propTypes = {
+        allValues: PropTypes.object,
+        form: PropTypes.string,
+        // showFun: PropTypes.fun,
+        name: PropTypes.string
+    }
+    static defaultProps = {
+        showValue: '160'
+    }
+    constructor(props) {
+        super(props);
+        this.showHideFun = this.showHideFun.bind(this);
+    }
+    componentDidMount() {
+    }
+    showHideFun() {
+        const { allValues = {}, name = '', showFun, showValue } = this.props;
+        let flag = false;
+
+        return flag;
+    }
+    render() {
+        const { className } = this.props;
+        const showFlag = this.showHideFun();
+        return showFlag
+            ? <div style={{ ...this.props.style }} className={cx('form_field_if_else_wrap', className)}>
+                {this.props.children}
+            </div> :
+            null;
+    }
+}
+const mapState = (state, props) => {
+    const { form } = props;
+    return {
+        allValues: getFormValues(form)(state)
+    };
+};
+export class IfElesWrap extends React.Component {
+    static propTypes = {
+        form: PropTypes.string,
+        // showFun: PropTypes.fun,
+        name: PropTypes.string
+    }
+    static defaultProps = {
+        showValue: '160'
+    }
+    constructor(props) {
+        super(props);
+        this.state = {
+            component: null
+        };
+    }
+    componentDidMount() {
+        let MyFormWrap = connect(mapState)(IfEles);
+        this.setState({
+            component: MyFormWrap
+        });
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        const C = this.state.component;
+        if (!C) {
+            let MyFormWrap = connect(mapState)(IfEles);
+            this.setState({
+                component: MyFormWrap
+            });
+        }
+    }
+    render() {
+        const C = this.state.component;
+        return C
+            ? <C {...this.props}>
+                {this.props.children}
+            </C >
+            : null;
+    }
+}
+
+
+class ImgShowUI extends React.Component {
+    static propTypes = {
+        filemeta: PropTypes.object
+    }
+    static defaultProps = {
+        preview: true,
+        removeImg: (file) => {
+
+        }
+    }
+    constructor(props) {
+        super(props);
+        this.state = {
+            url: '',
+            previewVisible: false
+        };
+    }
+    componentDidMount() {
+        const { filemeta } = this.props, self = this;
+
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        const { filemeta } = nextProps, self = this;
+        const preProps = this.props;
+
+    }
+    render() {
+        const { url, previewVisible } = this.state;
+        const { filemeta } = this.props;
+        const isImg = (imgType) => {
+            if (imgType == "image/jpeg" || "image/png" == imgType) {
+                return true;
+            } else {
+                return false;
+            }
+        };
+        return (
+            <div style={{ ...this.props.style }} className={cx('input_file_shows_item_img')}>
+                <Modal visible={previewVisible} footer={null} onCancel={() => {
+                    this.setState({ previewVisible: false });
+                }}>
+                    <img alt="example" style={{ width: '100%' }} src={url} />
+                </Modal>
+                <div className={cx('input_file_shows_item_mask')}>
+                    <span className={cx('input_file_shows_item_actions')}>
+                        {!isImg(filemeta.type) && <Icon type="download" title="下载" />}
+                        {isImg(filemeta.type) && <Icon type="eye" title="查看" onClick={() => {
+                            this.setState({ previewVisible: true });
+                        }} />}
+                        <Icon type="delete" title="删除" onClick={() => {
+                            this.props.removeImg(filemeta);
+                        }} />
+                    </span>
+                </div>
+                <img src={url} alt="" />
+            </div>
+        );
+    }
+}
+
+
+class InputFieldUI extends React.Component {
+    static propTypes = {
+        name: PropTypes.string,
+        placeholder: PropTypes.string,
+        validate: PropTypes.array,
+        options: PropTypes.array,
+        optionKey: PropTypes.string,
+        optionValue: PropTypes.string,
+        optionStyle: PropTypes.object
+    }
+    static defaultProps = {
+        lableAlign: 'right',   //left|right|center
+        labelWidth: '160',   //auto|160|formItemLayout
+        width: '270',        //auto|270|formItemLayout 
+        layout: 'block',    //'horizontal'|'vertical'|'inline'|'block' 
+        showTime: false,
+        unix: true,
+        placeholder: "",
+        prefix: null,
+        format: "HH:mm",
+        formatDate: "YYYY/MM/DD",
+        formatMonth: "YYYY/MM",
+        validate: [],
+        rows: 6,
+        options: [],
+        optionKey: 'id',
+        optionValue: 'name',
+        optionStyle: { 'display': 'inline-block' },
+        showSearch: true,
+        allowClear: true,
+        dropdownMatchSelectWidth: true,
+        province_code: "province_code",
+        city_code: "city_code",
+        district_code: "district_code",
+        province: "province",
+        city: "city",
+        district: "district"
+    }
+    static getDerivedStateFromProps(nextProps, prevState) {
+        const { field, form, province_code, city_code, district_code, type, name } = nextProps;
+        const { pristine } = field.meta;
+        switch (type) {
+            case 'area':
+                return null;
+            default:
+                return null;
+        }
+    }
+    constructor(props) {
+        super(props);
+        this.validateStatus = this.validateStatus.bind(this);
+        this.showErrMessage = this.showErrMessage.bind(this);
+        this.renderField = this.renderField.bind(this);
+        this.renderLabel = this.renderLabel.bind(this);
+        this.onHelpAnimEnd = this.onHelpAnimEnd.bind(this);
+        this.loadOptions = this.loadOptions.bind(this);
+        // this.updateFieldRender = this.updateFieldRender.bind(this);
+        this.formatValueForTime = this.formatValueForTime.bind(this);
+        this.formatValueForDate = this.formatValueForDate.bind(this);
+        this.formatValueForMonth = this.formatValueForMonth.bind(this);
+        this.formatValueForMonthRange = this.formatValueForMonthRange.bind(this);
+        this.formatValueForDateRange = this.formatValueForDateRange.bind(this);
+        // this.extChangeAction = this.extChangeAction.bind(this);
+        // this.extDisabled = this.extDisabled.bind(this);
+        this.state = {
+            monthrange: ['date', 'date'],
+            reload: false,
+            files: [],
+            fileRef: 'file' + new Date().getTime()
+        };
+        this.helpShow = false;
+    }
+    formatValueForTime(field) {
+        const { format } = this.props;
+        let value = null;
+        if (field.input.value && this.props.unix) {
+            value = moment(field.input.value * 1000);
+        } else if (field.input.value) {
+            value = moment(field.input.value, this.props.format ? format : 'HH:mm');
+        }
+        return value;
+    }
+    formatValueForDate(field) {
+        const { formatDate } = this.props;
+        let value = null;
+        if (field.input.value && this.props.unix) {
+            value = moment(field.input.value * 1000);
+        } else if (field.input.value) {
+            value = moment(field.input.value, this.props.showTime ? formatDate + ' HH:mm' : formatDate);
+        }
+        return value;
+    }
+    formatValueForMonth(field) {
+        const { formatMonth } = this.props;
+        let value = null;
+        if (field.input.value && this.props.unix) {
+            value = moment(field.input.value * 1000);
+        } else if (field.input.value) {
+            value = moment(field.input.value, formatMonth);
+        }
+        return value;
+    }
+    formatValueForMonthRange(field) {
+        const { formatMonth } = this.props;
+        let values = null;
+        if (field.input.value && field.input.value[0] && field.input.value[1] && this.props.unix) {
+            values = [moment(field.input.value[0] * 1000), moment(field.input.value[1] * 1000)];
+        } else if (field.input.value) {
+            values = [moment(field.input.value[0] * 1000, formatMonth), moment(field.input.value[1] * 1000, formatMonth)];
+        }
+        return values;
+    }
+    formatValueForDateRange(field) {
+        const { formatDate } = this.props;
+        let values = null;
+        if (field.input.value && field.input.value[0] && field.input.value[1] && this.props.unix) {
+            values = [moment(field.input.value[0] * 1000), moment(field.input.value[1] * 1000)];
+        } else if (field.input.value) {
+            values = [moment(field.input.value[0] * 1000, this.props.showTime ? formatDate + ' HH:mm' : formatDate), moment(field.input.value[1] * 1000, this.props.showTime ? formatDate + ' HH:mm' : formatDate)];
+        }
+        return values;
+    }
+    validateStatus() {
+        const { field } = this.props;
+        if (field && field.meta && field.meta.touched && field.meta.error) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+    showErrMessage(field) {
+        if (field && field.meta && field.meta.touched && field.meta.error) {
+            return field.meta.error;
+        } else {
+            return '';
+        }
+    }
+    onHelpAnimEnd(_key, helpShow) {
+        this.helpShow = helpShow;
+        if (!helpShow) {
+            this.setState({
+                reload: !this.state.reload
+            });
+        }
+    }
+    renderHelp(field) {
+        const help = this.showErrMessage(field);
+        const children = help ? (
+            <div className={cx('form_field_explain')} key="help">
+                {help}
+            </div>
+        ) : null;
+        if (children) {
+            this.helpShow = !!children;
+        }
+        return (
+            <Animate
+                transitionName="show-help"
+                component=""
+                transitionAppear
+                key="help"
+                onEnd={this.onHelpAnimEnd}>
+                {children}
+            </Animate>
+        );
+    }
+    loadOptions() {
+        const { options = [], optionsAjax, form, name, stateName } = this.props;
+        if (optionsAjax) {
+            return '';
+        } else {
+            return options;
+        }
+    }
+    renderRadiogroup() {
+        const { name, placeholder, width, disabled, field,
+            optionKey, optionValue, optionStyle } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        const options = this.loadOptions();
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <RadioGroup {...field.input} className={cx('form_field_input_radio_group', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name}
+                    style={{ width: '100%' }} onChange={(value) => {
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }}>
+                    {options && options.length > 0 && options.map((option, i) => {
+                        return (
+                            <Radio {...option} key={i} value={option[optionKey]} style={{ ...optionStyle }}>{option[optionValue]}</Radio>
+                        );
+                    })}
+                </RadioGroup>
+                {this.renderHelp(field)}
+            </div>
+        );
+    }
+    renderCheckboxgroup() {
+        const { name, placeholder, width, disabled, field,
+            optionKey, optionValue, optionStyle } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        const options = this.loadOptions();
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <CheckboxGroup className={cx('form_field_input_checkbox_group', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name}
+                    onChange={
+                        (value) => {
+                            if (this.props.onChange) {
+                                this.props.onChange(value, field);
+                            } else {
+                                if (value.length == 0) {
+                                    field.input.onChange(null);
+                                } else
+                                    field.input.onChange(value);
+                            }
+                        }
+                    } value={field.input.value ? field.input.value : null}>
+                    {options && options.length > 0 && options.map((option, i) => {
+                        return (
+                            <Checkbox key={i} value={option[optionKey]} style={{ ...optionStyle }}>{option[optionValue]}</Checkbox>
+                        );
+                    })}
+                </CheckboxGroup>
+                {this.renderHelp(field)}
+            </div>
+        );
+    }
+    renderText() {
+        const { name, placeholder, width, disabled, prefix, field } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <Input {...field.input} className={cx('form_field_input_text', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name}
+                    style={{ width: '100%' }} onChange={(value) => {
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }} prefix={prefix} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderTextarea() {
+        const { name, placeholder, width, disabled, prefix, field, rows } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <TextArea rows={rows} {...field.input} className={cx('form_field_input_textarea', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder}
+                    name={name} style={{ width: '100%' }}
+                    onChange={(value) => {
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }} prefix={prefix} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderSelect() {
+        const { name, placeholder, width, disabled, prefix, field, showSearch, allowClear, dropdownMatchSelectWidth, optionKey, optionValue } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        const options = this.loadOptions();
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <Select {...field.input} className={cx('form_field_input_select', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name}
+                    style={{ width: '100%' }} getPopupContainer={(triggerNode) => { return triggerNode; }} filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+                    allowClear={allowClear} showSearch={showSearch} onSelect={this.props.onSelect} dropdownMatchSelectWidth={dropdownMatchSelectWidth} notFoundContent={'无数据'}
+                    onChange={(value) => {
+                        if (this.props.onChange) {
+                            if (!value) {
+                                this.props.onChange('', field);
+                            } else {
+                                this.props.onChange(value, field);
+                            }
+                        } else {
+                            if (!value)
+                                if (value == 0) {
+                                    field.input.onChange('0');
+                                } else {
+                                    field.input.onChange('');
+                                }
+                            else
+                                field.input.onChange(value);
+                        }
+                    }} prefix={prefix}>
+                    {options && options.length > 0 && options.map((option, i) => {
+                        return (
+                            <Option {...option} key={i} value={option[optionKey]}>{option[optionValue]}</Option>
+                        );
+                    })}
+                </Select>
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderCascader() {
+        const { name, placeholder, width, disabled, prefix, field } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        const options = this.loadOptions();
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <Cascader {...field.input} className={cx('form_field_input_cascader', 'form_field_input', this.props.className)} disabled={disabled} options={options} placeholder={placeholder}
+                    name={name} getPopupContainer={(triggerNode) => { return triggerNode; }} style={{ width: '100%' }} filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+                    onChange={(value) => {
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }} prefix={prefix} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderNumber() {
+        const { name, placeholder, width, disabled, prefix, field } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <InputNumber {...field.input} className={cx('form_field_input_number', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name}
+                    style={{ width: '100%' }} onChange={(value) => {
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }}
+                    onBlur={(value) => {
+                        if (this.props.onBlur) {
+                            this.props.onBlur(value, field);
+                        } else {
+                            field.input.onBlur(value);
+                        }
+                    }} prefix={prefix} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderCheckbox() {
+        const { name, placeholder, width, disabled, prefix, field } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <Checkbox className={cx('form_field_input_checkbox', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name} onChange={
+                    (value) => {
+                        if (this.props.onChange) {
+                            this.props.onChange(value.target.checked ? 'y' : '', field);
+                        } else {
+                            field.input.onChange(value.target.checked ? 'y' : '');
+                        }
+                    }
+                }
+                    checked={field.input.value ? field.input.value == 'y' : false} prefix={prefix}  >
+                    {this.props.label}
+                </Checkbox>
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderDate() {
+        const { name, placeholder, width, disabled, field, formatDate, showTime } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <DatePicker className={cx('form_field_input_datepicker', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name} style={{ width: '100%' }}
+                    format={this.props.showTime ? formatDate + ' HH:mm' : formatDate} getCalendarContainer={(trigger) => {
+                        return trigger;
+                    }} showTime={showTime} onChange={(time, timeString) => {
+                        let value = null;
+                        if (this.props.unix && time) {
+                            value = time.unix();
+                        } else if (time) {
+                            value = time.format(this.props.showTime ? formatDate + ' HH:mm' : formatDate);
+                        }
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }} value={this.formatValueForDate(field)} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderMonth() {
+        const { name, placeholder, width, disabled, field, formatMonth } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <MonthPicker className={cx('form_field_input_monthpicker', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name} style={{ width: '100%' }}
+                    format={formatMonth} getCalendarContainer={(trigger) => { return trigger; }} onChange={(time, timeString) => {
+                        let value = null;
+                        if (this.props.unix && time) {
+                            value = time.unix();
+                        } else if (time) {
+                            value = time.format(formatMonth);
+                        }
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }} value={this.formatValueForMonth(field)} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderDaterange() {
+        const { name, placeholder, width, disabled, field, formatDate, formatMonth, showTime } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <RangePicker className={cx('form_field_input_daterange', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name} style={{ width: '100%' }}
+                    ranges={{ '今天': [moment(), moment()], '本月': [moment().startOf('month'), moment().endOf('month')] }}
+                    format={formatDate} getCalendarContainer={(trigger) => { return trigger; }} showTime={showTime} onChange={(times = [], timeStrings = []) => {
+                        let values = null;
+                        if (this.props.unix && times.length > 0 && times[0] && times[1]) {
+                            values = [times[0].unix(), times[1].unix()];
+                        } else if (times.length > 0 && times[0] && times[1]) {
+                            values = [times[0].format(formatMonth), times[1].format(formatMonth)];
+                        }
+                        if (this.props.onChange) {
+                            this.props.onChange(values, field);
+                        } else {
+                            field.input.onChange(values);
+                        }
+                    }} value={this.formatValueForDateRange(field)} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderMonthrange() {
+        const { name, placeholder, width, disabled, field, formatMonth } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <RangePicker className={cx('form_field_input_monthrange', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name} style={{ width: '100%' }}
+                    ranges={{ '本月': [moment().startOf('month'), moment().endOf('month')] }}
+                    mode={['month', 'month']} format={formatMonth} getCalendarContainer={(trigger) => { return trigger; }} onChange={(times = [], timeStrings = []) => {
+                        let values = null;
+                        if (this.props.unix && times.length > 0 && times[0] && times[1]) {
+                            values = [times[0].unix(), times[1].unix()];
+                        } else if (times.length > 0 && times[0] && times[1]) {
+                            values = [times[0].format(formatMonth), times[1].format(formatMonth)];
+                        }
+                        if (this.props.onChange) {
+                            this.props.onChange(values, field);
+                        } else {
+                            field.input.onChange(values);
+                        }
+                    }} value={this.formatValueForMonthRange(field)}
+                    onPanelChange={(times, mode) => {
+                        let values = null;
+                        if (this.props.unix && times.length > 0 && times[0] && times[1]) {
+                            values = [times[0].unix(), times[1].unix()];
+                        } else if (times.length > 0 && times[0] && times[1]) {
+                            values = [times[0].format(formatMonth), times[1].format(formatMonth)];
+                        }
+                        if (this.props.onChange) {
+                            this.props.onChange(values, field);
+                        } else {
+                            field.input.onChange(values);
+                        }
+                    }} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderTime() {
+        const { name, placeholder, width, disabled, field, format } = this.props;
+        this.helpShow = !!this.validateStatus();
+        const styleWidth = width == 'auto' ? { width: '100%' } : { width: `${width}px` };
+        return (
+            <div className={cx('form_field_item_control', this.validateStatus() ? 'has_error' : null)} style={{ ...styleWidth }}>
+                <TimePicker className={cx('form_field_input_time', 'form_field_input', this.props.className)} disabled={disabled} placeholder={placeholder} name={name} style={{ width: '100%' }}
+                    format={format ? format : 'HH:mm'} getPopupContainer={(trigger) => {
+                        return trigger;
+                    }} onChange={(time, timeString) => {
+                        let value = null;
+                        if (this.props.unix && time) {
+                            value = time.unix();
+                        } else if (time) {
+                            value = time.format(format ? format : 'HH:mm');
+                        }
+                        if (this.props.onChange) {
+                            this.props.onChange(value, field);
+                        } else {
+                            field.input.onChange(value);
+                        }
+                    }} value={this.formatValueForTime(field)} />
+                {this.renderHelp(field)}
+            </div >
+        );
+    }
+    renderField() {
+        const { type } = this.props;
+        switch (type) {
+            case 'radiogroup':
+                return this.renderRadiogroup();
+            case 'checkboxgroup':
+                return this.renderCheckboxgroup();
+            case 'text':
+                return this.renderText();
+            case 'textarea':
+                return this.renderTextarea();
+            case 'select':
+                return this.renderSelect();
+            case 'cascader':
+                return this.renderCascader();
+            case 'number':
+                return this.renderNumber();
+            case 'checkbox':
+                return this.renderCheckbox();
+            case 'date':
+                return this.renderDate();
+            case 'month':
+                return this.renderMonth();
+            case 'daterange':
+                return this.renderDaterange();
+            case 'monthrange':
+                return this.renderMonthrange();
+            case 'time':
+                return this.renderTime();
+            default:
+                return this.renderText();
+        }
+    }
+    renderLabel() {
+        const { label, labelWidth, showLabelText, lableAlign, type, validate } = this.props;
+        let is_required = false;
+        if (validate && validate.length > 0) {
+            validate.map((vali, i) => {
+                if ('checkbox' != type && 'required' == getClassName(vali)) {
+                    is_required = true;
+                }
+            });
+        }
+        return (
+            <div className={cx('form_field_label', `form_field_label_${lableAlign}`, !showLabelText ? 'form_field_hidden_text' : null, 'checkbox' == type ? 'form_field_checkbox_hidden_text' : null)} >
+                <label title={label} className={cx({ 'ant-form-item-required': is_required })} style={{ width: labelWidth == 'auto' ? labelWidth : `${labelWidth - 8}px` }}>
+                    {'checkbox' != type && label}
+                </label>
+            </div>
+        );
+    }
+    render() {
+        const { label } = this.props;
+        return (
+            <div className={cx('form_field_item_wrap', this.validateStatus() ? 'form_field_item_with_help' : null)}>
+                {label && this.renderLabel()}
+                {this.renderField()}
+                {this.props.children}
+            </div>
+        );
+    }
+}
+
+class InputField extends React.Component {
+    constructor(props) {
+        super(props);
+        this.renderFormItem = this.renderFormItem.bind(this);
+    }
+    componentDidMount() {
+    }
+    renderFormItem(field) {
+        return createElement(InputFieldUI, { ...this.props, field });
+    }
+    render() {
+        const { validate, name, layout } = this.props;
+        let style = { display: 'block' };
+        if ('block' == layout) {
+            style = { display: 'block' };
+        } else if ('inline' == layout) {
+            style = { display: 'inline-block' };
+        }
+        return (
+            <div style={{ ...this.props.style, ...style }} className={cx('form_field_wrap')}>
+                <Field name={name} fieldId={'nexField' + name} component={this.renderFormItem} validate={validate}> </Field>
+            </div>
+        );
+    }
+}
+
+
+export default InputField;

+import React from 'react';
+import PropTypes from 'prop-types';
+import { reduxForm } from 'redux-form';
+import cx from 'classnames';
+
+
+class FormWrap extends React.Component {
+    static propTypes = {
+    }
+    constructor(props) {
+        super(props);
+    }
+    componentDidMount() {
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+    }
+    componentWillUnmount() {
+    }
+    render() {
+        const { className } = this.props;
+        return (
+            <div className={cx('redux_form_wrap', className)}>
+                {this.props.children}
+            </div>
+        );
+    }
+}
+
+
+class ReduxFormWrap extends React.Component {
+    static propTypes = {
+        form: PropTypes.string,
+        onSubmit: PropTypes.func,
+        initialValues: PropTypes.object
+    }
+    static defaultProps = {
+        form: '@@redux-form-wrap',
+        onSubmit: (values) => { },
+        initialValues: {}
+    }
+    constructor(props) {
+        super(props);
+        this.state = {
+            component: null
+        };
+    }
+    componentDidMount() {
+        let MyFormWrap = reduxForm(this.props)(FormWrap);
+        this.setState({
+            component: MyFormWrap
+        });
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        const C = this.state.component;
+        if (!C) {
+            let MyFormWrap = reduxForm(nextProps)(FormWrap);
+            this.setState({
+                component: MyFormWrap
+            });
+        }
+    }
+    render() {
+        const C = this.state.component;
+        const extInitialValues = {
+            ...this.props.initialValues, '__form_name': this.props.form
+        };
+        return C
+            ? <C {...this.props} initialValues={extInitialValues}>
+                {this.props.children}
+            </C >
+            : null;
+    }
+
+}
+
+export default ReduxFormWrap;

+.form_field_wrap{
+    position: relative;    
+    .ant-input-affix-wrapper{
+        .ant-input{
+            z-index: 1;
+            background: #fff;
+        }
+    }
+    .form_field_item_wrap{
+        // margin-bottom: 26px;
+        min-height: 58px;
+        display: flex;
+    }
+    .form_field_item_wrap.form_field_item_with_help{
+        // margin-bottom: 5px;
+    }
+    .form_field_item_with_help{
+        color: rgba(0,0,0,0.45);
+        line-height: 1.5;
+        -webkit-transition: color .3s cubic-bezier(.215, .61, .355, 1);
+        transition: color .3s cubic-bezier(.215, .61, .355, 1); 
+        clear: both;
+    }
+    .form_field_input_radio_group{
+        border:1px solid transparent;
+        padding:8px;
+        border-radius: 4px;
+    }
+    .form_field_input_checkbox,.form_field_input_checkbox_group{
+        padding: 4px 8px;
+        border: 1px solid transparent;
+    }
+    .has_error{
+        .form_field_input_checkbox,.form_field_input_checkbox_group{
+            border: 1px solid #f5222d;
+            border-radius: 4px;
+        }
+        .form_field_explain {
+            color: #f5222d;
+        }
+        .form_field_input{
+            border-color: #f5222d;
+            input{
+                border-color: #f5222d;
+            }
+            input:focus{
+                border-color: #f5222d;
+                outline: 0;
+                -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+                box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+                border-right-width: 1px !important;
+            }
+            .ant-calendar-input-wrap,.ant-time-picker-panel-input-wrap{
+                input{
+                    border-color:transparent;
+                }
+                input:focus{
+                    border-color:transparent;
+                    -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,0);
+                    box-shadow: 0 0 0 2px rgba(245,34,45,0);
+                }
+            }
+            input.ant-calendar-range-picker-input:focus{
+                border-color:transparent;
+                -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0);
+                box-shadow: 0 0 0 2px rgba(245, 34, 45, 0);
+            }
+        }
+        .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
+            border-color: #f5222d;
+        }
+        .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
+            border-color: #f5222d;
+        }
+        .form_field_input:focus{
+            border-color: #ff4d4f;
+            outline: 0;
+            -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+            box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+            border-right-width: 1px !important;
+        }
+        .ant-select-selection{
+            border-color: #f5222d;
+            input:focus{
+                border-color:transparent;
+                outline: 0;
+                -webkit-box-shadow: 0 0 0 2px transparent;
+                box-shadow: 0 0 0 2px transparent;
+                border-right-width: 1px !important;
+            }
+        }
+        .ant-input-number-focused{
+            outline: 0;
+            -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+            box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+            border-right-width: 1px !important;
+        }
+        .ant-select-focused{
+             .ant-select-selection{
+                outline: 0;
+                -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+                box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+                border-right-width: 1px !important;
+            }
+        }
+        .ant-select-selection:focus, .ant-calendar-picker-input:focus{
+            border-color: #ff4d4f;
+            outline: 0;
+            -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+            box-shadow: 0 0 0 2px rgba(245,34,45,0.2);
+            border-right-width: 1px !important;
+        }
+        .ant-calendar-picker-input{
+            border-color: #ff4d4f;
+        }
+    } 
+    .form_field_label{ 
+        line-height: 36px;
+        vertical-align: top; 
+        display: inline-block;
+        // overflow: hidden;
+        white-space: nowrap;
+        label {
+            display: inline-block;
+            padding-right: 2px;
+            margin-bottom: 0px;
+            font-size: 14px;
+            font-weight: normal;
+            color: rgba(0,0,0,0.65);
+        }
+    }
+    .form_field_label:after,.form_field_label::after{
+        content: ":"; 
+        position: relative;
+        top: -0.5px;
+        padding-right: 4px;
+    }
+    .form_field_checkbox_hidden_text.form_field_label:after{
+        content:"";
+        margin-right: 4px;
+    }
+    .form_field_label_right{
+        text-align: right;
+    }
+    .form_field_label_left{
+        text-align: left;
+    }
+    .form_field_label_center{
+        text-align: center;
+    }
+    .form_field_item_control{
+        display: inline-block;
+    }
+    .form_field_input_cascader{
+        .ant-cascader-picker-label{
+            z-index: 1;
+        }
+    }
+    .ant-cascader-input{
+        .ant-input{
+            cursor: pointer;
+        }
+    }
+    .ant-cascader-picker:focus .ant-cascader-input {
+        -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0);
+        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.0);
+    }
+    .form_field_input_file:hover{
+        border-color: #1890ff;
+    }
+    .form_field_input_file{
+        display: table;
+        width: 104px;
+        height: 104px;
+        margin-right: 8px;
+        margin-bottom: 8px;
+        text-align: center;
+        vertical-align: top;
+        background-color: #fafafa;
+        border: 1px dashed #d9d9d9;
+        border-radius: 4px;
+        cursor: pointer;
+        -webkit-transition: border-color .3s ease;
+        transition: border-color .3s ease;
+        display: inline-block;
+        .form_field_input_file_button_wrap{
+            text-align: center;
+            padding: 16px 8px;
+            i{
+                font-size: 32px;
+                color: #999;
+            }
+            .ant-upload-text{
+                margin-top: 8px;
+                color: #666;
+            }
+        }
+    }
+    .form_field_input_file_shows{
+        display: inline-block;
+        .input_file_shows_item{
+            float: left;
+            width: 104px;
+            height: 104px;
+            margin: 0 8px 8px 0;
+            position: relative;
+            padding: 8px;
+            border: 1px solid #d9d9d9;
+            border-radius: 4px;
+            text-align: center;
+            .item-uploading-text{
+                margin-top: 18px;
+                color: rgba(0,0,0,0.45);
+            }
+            .item-uploading-progress{
+                width: calc(100% - 8px);
+            }
+            .input_file_shows_item_img{
+                width: 100%;
+                height: 100%;
+                overflow: hidden;
+                position: relative;
+                img{
+                    width:100%;
+                    height:100%;
+                    min-width: 86px;
+                    min-height: 86px;
+                }
+            }
+            .input_file_shows_item_mask{
+                width: 100%;
+                height: 100%;
+                overflow: hidden;
+                position: absolute;
+                .input_file_shows_item_actions{
+                    position: absolute;
+                    top: 50%;
+                    left: 50%;
+                    z-index: 10;
+                    white-space: nowrap;
+                    -webkit-transform: translate(-50%, -50%);
+                    -ms-transform: translate(-50%, -50%);
+                    transform: translate(-50%, -50%);
+                    opacity: 0;
+                    -webkit-transition: all .3s;
+                    transition: all .3s;
+                    i{
+                        z-index: 10;
+                        width: 16px;
+                        margin: 0 4px;
+                        color: rgba(255,255,255,0.85);
+                        font-size: 16px;
+                        cursor: pointer;
+                        -webkit-transition: all .3s;
+                        transition: all .3s;
+                    }
+                }
+            }
+            .input_file_shows_item_mask:hover{
+                .input_file_shows_item_actions{
+                    opacity: 1;
+                }
+            }
+            .input_file_shows_item_mask:hover:before{
+                opacity: 1;
+            }
+            .input_file_shows_item_mask:before{
+                position: absolute;
+                z-index: 1;
+                width: 100%;
+                height: 100%;
+                background-color: rgba(0,0,0,0.5);
+                opacity: 0;
+                left: 0;
+                bottom: 0;
+                -webkit-transition: all .3s;
+                transition: all .3s;
+                content: ' ';
+            }
+        }
+    }
+}
+
+
+.form_field_group_wrap{
+    .form_item_group{
+        .form_field_label,.form_group_wrap{
+            display: inline-block;
+        }
+    }
+    .form_field_label{ 
+        line-height: 36px;
+        vertical-align: top; 
+        display: inline-block;
+        // overflow: hidden;
+        white-space: nowrap;
+        label {
+            display: inline-block;
+            padding-right: 2px;
+            margin-bottom: 0px;
+            font-size: 14px;
+            font-weight: normal;
+            color: rgba(0,0,0,0.65);
+        }
+    }
+    .form_field_label:after,.form_field_label::after{
+        content: ":"; 
+        position: relative;
+        top: -0.5px;
+        padding-right: 4px;
+    }
+    .form_field_checkbox_hidden_text.form_field_label:after{
+        content:"";
+        margin-right: 4px;
+    }
+    .form_field_label_right{
+        text-align: right;
+    }
+    .form_field_label_left{
+        text-align: left;
+    }
+    .form_field_label_center{
+        text-align: center;
+    }
+    .form_field_item_control{
+        display: inline-block;
+    }
+}
+
+.redux_search_form_wrap{
+    display: flex;
+    flex-wrap:  wrap;
+    padding: 16px 8px;
+    background: #fff;
+    .search_from_action_warp{
+        min-width: 170px;
+        text-align: right;
+        margin-left: auto;
+        .search_form_btn{
+            margin-left: 16px;
+        }
+    }
+    // .form_search_field_wrap:first-child{
+    //     margin-left:0px;
+    // }
+    .form_search_field_wrap{
+        position: relative;   
+        max-width: 290px;
+        min-width:  290px;
+        margin-right:24px;
+        .form_field_item_wrap{
+            min-height: 40px;
+            display: flex;
+        } 
+        .form_field_item_with_help{
+            color: rgba(0,0,0,0.45);
+            line-height: 1.5;
+            -webkit-transition: color .3s cubic-bezier(.215, .61, .355, 1);
+            transition: color .3s cubic-bezier(.215, .61, .355, 1); 
+            clear: both;
+        }
+        .form_field_input_radio_group{
+            border:1px solid transparent;
+            padding:8px;
+            border-radius: 4px;
+        }
+        .form_field_label{ 
+            line-height: 36px;
+            vertical-align: top; 
+            display: inline-block;
+            white-space: nowrap;
+            label {
+                display: inline-block;
+                padding-right: 2px;
+                margin-bottom: 0px;
+                font-size: 14px;
+                font-weight: normal;
+                color: rgba(0,0,0,0.65);
+            }
+        }
+        .form_field_label:after,.form_field_label::after{
+            content: ":"; 
+            position: relative;
+            top: -0.5px;
+            padding-right: 4px;
+        }
+        .form_field_label_right{
+            text-align: right;
+        }
+        .form_field_label_left{
+            text-align: left;
+        }
+        .form_field_label_center{
+            text-align: center;
+        }
+        .form_field_item_control{
+            display: inline-block;
+        } 
+    }
+
+}
+
+
+
+
+.redux_step_form_wrap{
+    .bottom_butons_wrap{
+        width: 100%;
+        text-align: center;
+        padding: 40px 0;
+        .next{
+            margin-left: 8px
+        }
+        .previous{
+            margin-right: 8px;
+        }
+    }
+}

+export const required = function required(value) {
+    if (Array.isArray(value)) {
+        return value.length > 0 ? undefined : '此项是必填项';
+    } else if (typeof (value) == 'string' && value && !value.trim()) {
+        return value.trim() ? undefined : '此项是必填项';
+    } else {
+        return typeof (value) == 'number' || value ? undefined : '此项是必填项';
+    }
+};

+import React from 'react';
+import { connect } from 'react-redux';
+import { submit } from 'redux-form';
+import { Form, Icon, Input, Button, Checkbox } from 'antd';
+import cx from 'classnames';
+import ReduxFormWrap from '../components/reduxForm/ReduxFormWrap';
+import InputField from '../components/reduxForm/InputField';
+import { required } from '../components/reduxForm/validate';
+import api from '../utils/api';
+import './login.less';
+
+class Login extends React.Component {
+    static propTypes = {
+    }
+    constructor(props) {
+        super(props);
+        this.submitLogin = this.submitLogin.bind(this);
+        this.backLogin = this.backLogin.bind(this);
+        this.state = {
+            key: '1'
+        };
+    }
+    componentDidMount() {
+    }
+    submitLogin(values) {
+        const { dispatch } = this.props;
+        api.postLogin(values).then(data => {
+            console.log(data);
+        })
+        console.log("#########:::::::", values);
+        // if (values.grant_type == 'password') {    //密码登录
+        //     dispatch(login(values));
+        // } else if (values.grant_type == 'smscode') {//验证码登录
+        //     dispatch(login(values));
+        // } else if (values.grant_type == 'change_tenant') {//选择tenant
+        //     dispatch(changeTenant(values));
+        // }
+    }
+    backLogin() {
+        const { dispatch } = this.props;
+        dispatch({
+            type: types.UAA_TENANTS,
+            payload: {}
+        });
+    }
+    render() {
+        const { key } = this.state;
+        const { dispatch, uaa_tenants } = this.props;
+        return (
+            <div className={cx('login_wrap')}>
+                <div className={cx('login_form_wrap', 'padding-16')}>
+                    <div className={cx('login_form_bgm')}></div>
+                    <ReduxFormWrap form="login_password" initialValues={{ grant_type: 'password', scope: 'global_access:tenant_admin', username: '18510929499', password: 'a123456' }} className={'mtop-40'}
+                        onSubmit={this.submitLogin}>
+                        <InputField width="auto" prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.75)' }} />} placeholder="用户名" name="username" validate={[required]} />
+                        <InputField width="auto" prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.75)' }} />} placeholder="密码" name="password" validate={[required]} />
+                        <div className={cx('login_form_item')}>
+                            <Button type="primary" block onClick={() => {
+                                dispatch(submit('login_password'))
+                            }}>登录</Button>
+                        </div>
+                    </ReduxFormWrap>
+                </div>
+            </div >
+        );
+    }
+}
+
+
+
+const mapState = (state) => {
+    const {
+        router: { location = {} }
+    } = state;
+    return {
+        location
+    };
+};
+export default connect(mapState)(Login);

+import React from 'react';
+import { connect } from 'react-redux';
+import { Layout } from 'antd';
+import cx from 'classnames';
+
+class HomeContainer extends React.Component {
+    static propTypes = {
+    }
+    constructor(props) {
+        super(props);
+    }
+    componentDidMount() {
+    }
+    render() {
+        return (
+            <div className={cx('home_wrap')}>
+                page is home
+            </div>
+        );
+    }
+}
+
+
+
+const mapState = (state) => {
+    const { router: { location = {} } } = state;
+    return {
+        location
+    };
+};
+export default connect(mapState)(HomeContainer);

+.login_wrap{
+    background: #f3f3f3;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    padding-right: 200px;
+    justify-content:flex-end;
+    align-items:center;
+    background-image: url(/img/bgm2.jpg);
+    background-size: cover;
+}
+.login_form_wrap{
+    width: 340px;
+    min-height: 300px;
+    border-radius: 5px;
+    box-shadow: -7px 5px 12px #000;
+    background:transparent;
+    position: relative;
+    .login_form_bgm{
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        bottom: 0;
+        filter: blur(10px);
+        background: rgba(0,0,0,.5);
+    }
+}
+.login_form_tenants{
+    max-height: 230px;
+    overflow: auto;
+}

+@import './reset.less';
+@import './components.less';
+
+.app_wrap{
+    background: #ffffff;
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
+}

+
+//padding mapping class
+@0px:0px;
+@marginList:4,8,12,16,20,24,28,32,36,40,44,48,52,56,60,64,72;
+@paddinList:4,8,12,16,20,24,28,32,36,40,44,48,52,56,60,64,72;
+@directionList:top,right,bottom,left,all;
+//padding-random
+.padding-loop(@direction,@list, @i: 1,@val:extract(@list,@i)) when ((length(@list) >=@i) and not(@direction = all)) {
+	.p@{direction}-@{val} {
+	  padding-@{direction}:@val + @0px;
+	}
+	.padding-loop(@direction,@list, (@i + 1));
+}
+.padding-loop(@direction,@list, @i: 1,@val:extract(@list,@i)) when (length(@list) >=@i) and (@direction = all) {
+	.padding-@{val} {
+	  padding:@val + @0px;
+	}
+	.padding-loop(@direction,@list, (@i + 1));
+}
+.padding-loop(extract(@directionList,1),@paddinList);
+.padding-loop(extract(@directionList,2),@paddinList);
+.padding-loop(extract(@directionList,3),@paddinList);
+.padding-loop(extract(@directionList,4),@paddinList);
+.padding-loop(extract(@directionList,5),@paddinList);
+
+//mapping-random 
+.mapping-loop(@direction,@list, @i: 1,@val:extract(@list,@i)) when ((length(@list) >=@i) and not(@direction = all)) {
+	.m@{direction}-@{val} {
+	  margin-@{direction}:@val + @0px;
+	}
+	.mapping-loop(@direction,@list, (@i + 1));
+}	
+.mapping-loop(@direction,@list, @i: 1,@val:extract(@list,@i)) when (length(@list) >=@i) and (@direction = all) {
+	.margin-@{val} {
+	  margin:@val + @0px;
+	}
+	.mapping-loop(@direction,@list, (@i + 1));
+}	
+.mapping-loop(extract(@directionList,1),@marginList);
+.mapping-loop(extract(@directionList,2),@marginList);
+.mapping-loop(extract(@directionList,3),@marginList);
+.mapping-loop(extract(@directionList,4),@marginList);
+.mapping-loop(extract(@directionList,5),@marginList);
+
+
+//animation
+@ease-in-out : cubic-bezier(0.645, 0.045, 0.355, 1);
+@animation-duration-slow: 0.3s;
+@animation-duration-base: 0.2s;
+.show-help-motion(@className, @keyframeName, @duration: @animation-duration-slow) {
+  .make-motion(@className, @keyframeName, @duration);
+  .@{className}-enter,
+  .@{className}-appear {
+    opacity: 0;
+    animation-timing-function: @ease-in-out;
+  }
+  .@{className}-leave {
+    animation-timing-function: @ease-in-out;
+  }
+}
+
+.show-help-motion(show-help, antShowHelp, 0.3s);
+
+
+
+.motion-common(@duration: @animation-duration-base) {
+  animation-duration: @duration;
+  animation-fill-mode: both;
+}
+
+.motion-common-leave(@duration: @animation-duration-base) {
+  animation-duration: @duration;
+  animation-fill-mode: both;
+}
+
+.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
+  .@{className}-enter,
+  .@{className}-appear {
+    .motion-common(@duration);
+    animation-play-state: paused;
+  }
+  .@{className}-leave {
+    .motion-common-leave(@duration);
+    animation-play-state: paused;
+  }
+  .@{className}-enter.@{className}-enter-active,
+  .@{className}-appear.@{className}-appear-active {
+    animation-name: ~'@{keyframeName}In';
+    animation-play-state: running;
+  }
+  .@{className}-leave.@{className}-leave-active {
+    animation-name: ~'@{keyframeName}Out';
+    animation-play-state: running;
+    pointer-events: none;
+  }
+}
+
+.text-left{
+  text-align: left;
+}
+.text-right{
+  text-align: right;
+}
+.text-center{
+  text-align: center;
+}

+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `border-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box; /* 2 */
+  box-sizing: border-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}
+
+*{
+  -ms-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  box-sizing:border-box;
+}

+/*接口调用通用状态 */
+export const FETCH = 'FETCH';
+export const FETCH_SUBMITTING = 'FETCH_SUBMITTING';
+export const FETCH_SUCCESS = 'FETCH_SUCCESS';
+export const FETCH_FAIL = 'FETCH_FAIL';
+export const FETCH_X_REQUEST_ID = 'FETCH_X_REQUEST_ID';
+export const FETCH_FORM_NAME = 'FETCH_FORM_NAME';
+
+/*系统操作 */
+export const SYSTEM_MENU_SELECTED_KEYS = 'SYSTEM_MENU_SELECTED_KEYS';

+// import { reducer as formReducer } from './uaa';
+import { delay } from 'redux-saga';
+import { put, takeEvery, all } from 'redux-saga/effects';
+import reduxform from './reduxform';
+import system from './system';
+
+
+function* incrementAsync() {
+    yield delay(1000);
+    yield put({ type: 'INCREMENT' });
+}
+
+
+function* watchIncrementAsync() {
+    yield takeEvery('INCREMENT_ASYNC', incrementAsync);
+}
+
+function* helloSaga() {
+    yield 5;
+    console.log('Hello Sagas!');
+}
+
+// notice how we now only export the rootSaga
+// single entry point to start all Sagas at once
+export default function* createSagaRoot() {
+    yield all([
+        ...reduxform,
+        ...system,
+        helloSaga(),
+        watchIncrementAsync()
+    ]);
+}
+
+
+
+

+import { take, select, call, takeEvery, put } from 'redux-saga/effects';
+import { change, submit, initialize } from 'redux-form';
+import * as types from '../actionTypes';
+import api from '../../utils/api';
+import { dispatch } from '../../utils/commonUtils';
+
+
+/*
+ * 表单初始化后自动加载load
+ */
+function* initLoadSearchForm(action) {
+    while (true) {
+        const searchAction = yield take('@@redux-form/INITIALIZE');
+        const { meta = {}, payload = {} } = searchAction;
+        if (payload.auto_load) {
+            const { form } = meta;
+            dispatch(submit(form));
+        }
+    }
+}
+
+export default [initLoadSearchForm()];

+import { take, select, call, takeEvery, put } from 'redux-saga/effects';
+import * as types from '../actionTypes';
+import { getSystemSelect } from '../../utils/commonUtils';
+
+//切换菜单
+export const changeSystemMenu = (values) => {
+    return { type: types.SYSTEM_MENU_SELECTED_KEYS, payload: values };
+};
+/*
+* 路由改变菜单回填
+*/
+export function* selectSysMenus(uaa_perms) {
+    const state = yield select();
+    const { router } = state;
+    const { location = {} } = router;
+    const { pathname = '' } = location;
+    if (uaa_perms.length > 0) {
+        const menuAction = getSystemSelect(pathname, uaa_perms);
+        yield put({
+            type: types.SYSTEM_MENU_SELECTED_KEYS,
+            payload: menuAction
+        });
+    }
+}
+/*
+路由跳转切点，做页面权限判断
+*/
+function* handldRouter() {
+    while (true) {
+        const routerAction = yield take(['@@router/LOCATION_CHANGE']);
+        const state = yield select();
+        const { payload = {} } = routerAction;
+        const { location = {} } = payload;
+        const { pathname = '' } = location;
+        // const { uaa: { uaa_perms = [] } } = state;
+        // yield selectSysMenus(uaa_perms);
+        yield selectSysMenus([]);
+    }
+}
+
+export default [handldRouter()];

+import fetch from './fetch';
+import system from './system';
+
+export default {
+    fetch,
+    system
+};

+import reduceReducers from 'reduce-reducers';
+import * as types from '../actionTypes';
+import { typeToLowerCase, reducerFactory } from '../../utils/commonUtils';
+
+const initialState = {
+    [typeToLowerCase(types.FETCH_FAIL)]: false,
+    [typeToLowerCase(types.FETCH_SUBMITTING)]: false,
+    [typeToLowerCase(types.FETCH_SUCCESS)]: false,
+    [typeToLowerCase(types.FETCH_FORM_NAME)]: ''
+};
+
+
+export default reduceReducers(initialState, reducerFactory);

+import { combineReducers } from 'redux';
+import { connectRouter } from 'connected-react-router';
+import { reducer as formReducer } from 'redux-form';
+import createReducer from './createReducer';
+
+
+export default (history) => combineReducers({
+    router: connectRouter(history),
+    form: formReducer,
+    ...createReducer
+});

+import reduceReducers from 'reduce-reducers';
+import * as types from '../actionTypes';
+import { typeToLowerCase, reducerFactory } from '../../utils/commonUtils';
+
+const initialState = {
+    [typeToLowerCase(types.SYSTEM_MENU_SELECTED_KEYS)]: { openKeys: [], selectedKeys: [] }
+};
+
+export default reduceReducers(initialState, reducerFactory);

+import { createHashHistory } from "history";
+import { applyMiddleware, compose, createStore } from 'redux';
+import { routerMiddleware } from 'connected-react-router';
+import 'regenerator-runtime/runtime';// 这个 runtime 必须在 redux-saga 之前引入
+import createSagaMiddleware from 'redux-saga';
+import createRootReducer from './reducers';
+import createSagaRoot, { helloSaga } from './actions';
+
+export const history = createHashHistory();//createBrowserHistory();
+
+const initialState = {};
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const sagaMiddleware = createSagaMiddleware();
+const createStoreWithMiddleware = composeEnhancers(
+    applyMiddleware(
+        routerMiddleware(history),
+        sagaMiddleware
+    )
+);
+
+const store = createStore(
+    createRootReducer(history),
+    initialState,
+    createStoreWithMiddleware
+);
+sagaMiddleware.run(createSagaRoot);
+export default store;

+import React from 'react';
+import Loadable from 'react-loadable';
+
+const MyLoadingComponent = ({ pastDelay, error, retry }) => {
+    // 加载中
+    if (pastDelay) {
+        return (
+            <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+                <div style={{ display: 'inline-block', marginTop: '-80px' }}></div>
+                <div style={{ marginLeft: '-30px' }}>页面加载中...</div>
+            </div>);
+    }
+    // 加载出错
+    else if (error) {
+        console.log(error)
+        return (
+            <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+                <div>
+                    加载页面失败，点击
+                <a onClick={retry}>重新加载</a>
+                </div>
+            </div>);
+    }
+    else {
+        return null;
+    }
+};
+const AsyncComponent = loadComponent => (
+    Loadable({
+        loader: loadComponent,
+        loading: MyLoadingComponent
+    })
+);
+
+export default AsyncComponent;

+import React from 'react';
+import { Route, Switch } from "react-router";
+import asyncComponent from '../AsyncComponent';
+
+//首页
+const HomeContainer = asyncComponent(
+    () => import(/* webpackChunkName: "home" */'../../containers/home')
+);
+
+const homeRoute = (match) => {
+    return (
+        <Switch>
+            {/* 首页 */}
+            <Route exact={true} path={`${match.path}/home`} component={HomeContainer} />
+        </Switch>
+    );
+};
+
+export default homeRoute;

+import React from 'react';
+import { Route, Switch } from 'react-router';
+import { ConnectedRouter } from 'connected-react-router';
+import LayoutRoute from './layout/LayoutRoute';
+import LoginRoute from "./layout/LoginRoute";
+
+class AppRoutes extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    componentDidMount() { }
+    componentWillUnmount() { }
+    render() {
+        const { history } = this.props;
+        if (!history)
+            return null;
+        return (
+            <ConnectedRouter history={history}>
+                <Switch>
+                    <Route path="/main" component={LayoutRoute} />
+                    <Route path="/login" component={LoginRoute} />
+                    <Route render={() => (<div>Miss</div>)} />
+                </Switch>
+            </ConnectedRouter >
+        );
+    }
+}
+export default AppRoutes;

+import React from 'react';
+import { connect } from 'react-redux';
+import { Layout, Button } from 'antd';
+import SysMenu from '../../components/reduxAntd/SysMenu';
+import cx from 'classnames';
+import homeRoute from '../home';
+
+const { Header, Sider, Content } = Layout;
+
+
+
+class LayoutRoute extends React.Component {
+    static propTypes = {
+    }
+    constructor(props) {
+        super(props);
+        this.renderLoad = this.renderLoad.bind(this);
+    }
+    componentDidMount() {
+        const { uaa_tenant, dispatch } = this.props;
+
+    }
+    changeMenu(menu) {
+        const { key } = menu;
+        console.log(key);
+        if ('logout' == key) {
+            document.location.href = '/signOut';
+        } else if ('percenter_pwdsetting' == key) {
+            document.location.href = '#/main/setting/changePassword';
+        }
+    }
+    renderLoad() {
+        return (
+            <div style={{ textAlign: 'center', margin: '300px auto' }}>
+                <div className="sk-folding-cube">
+                    <div className="sk-cube1 sk-cube"></div>
+                    <div className="sk-cube2 sk-cube"></div>
+                    <div className="sk-cube4 sk-cube"></div>
+                    <div className="sk-cube3 sk-cube"></div>
+                </div>
+                页面数据加载中...
+            </div>
+        );
+    }
+    render() {
+        const { match, location: { pathname } } = this.props;
+        return (
+            <Layout className={cx("layout-wrap")}>
+                <Header className={cx("layout-header-wrap")} style={{ background: '#529CE2', padding: '0 25px' }}>
+                    headcccc
+                    <a href="/signOut">退出</a>
+                </Header>
+                <Layout className={cx("layout-content-wrap")}>
+                    <Sider className="layout-sider-wrap" collapsedWidth={0} collapsible={false} width={180}>
+                        <div>
+                            <SysMenu></SysMenu>
+                        </div>
+                    </Sider>
+                    <Content>
+                        <div className="app-routes-wrap">
+                            {homeRoute(match)}
+                        </div>
+                    </Content>
+                </Layout>
+            </Layout>
+        );
+    }
+}
+
+
+
+const mapState = (state) => {
+    const {
+        router = {}
+    } = state;
+    return {
+        router
+    };
+};
+export default connect(mapState)(LayoutRoute);

+import React from 'react';
+import { connect } from 'react-redux';
+import cx from 'classnames';
+import Login from '../../containers/Login';
+
+class LoginRoute extends React.Component {
+    static propTypes = {
+    }
+    constructor(props) {
+        super(props);
+    }
+    componentDidMount() {
+    }
+    render() {
+        return (
+            <div className={cx('')}>
+                <Login />
+            </div>
+        );
+    }
+}
+
+
+
+const mapState = (state) => {
+    const { router = {} } = state;
+    return {
+        router
+    };
+};
+export default connect(mapState)(LoginRoute);

+import localforage from "localforage";
+
+let localStore;
+const getLocalForage = (name = 'app') => {
+    if (!localStore) {
+        localStore = localforage.createInstance({
+            name: name,
+            storeName: name
+        });
+    }
+    return localStore;
+};
+
+export default getLocalForage;

+import *  as login from "./login";
+
+export default {
+    ...login,
+};

+import store from '../redux/store';
+
+/*
+*key转小写
+*/
+export const typeToLowerCase = (type) => {
+    if (type && typeof (type) === 'string') {
+        return type.toLowerCase();
+    } else {
+        return type;
+    }
+};
+/*
+*reducer生成方法
+*/
+export const reducerFactory = (state = {}, action = {}) => {
+    const { payload, type } = action;
+    if (state && state.hasOwnProperty(typeToLowerCase(type))) {
+        return { ...state, [typeToLowerCase(type)]: payload };
+    } else {
+        return state;
+    }
+};
+
+export const dispatch = (action) => {
+    return store.dispatch(action);
+};
+
+/* 
+*修改路由
+*/
+export const pushRoute = (url) => {
+    document.location.href = `#${url}`;
+};
+/*
+获取当前选中的菜单
+*/
+export const getSystemSelect = (pathname, perms) => {
+    let moduleName = '', openKeys = [], selectedKeys = [];
+    if (pathname && pathname.indexOf('/main/') != -1 && pathname.split("/").length > 2) {
+        const pathArray = pathname.split("/");
+        moduleName = pathArray[2];
+    }
+    perms.map((perm, i) => {
+        if (perm.module == moduleName) {
+            selectedKeys = [moduleName];
+            if (perm.parent_module) {
+                openKeys = [perm.parent_module];
+            }
+        }
+    });
+    return {
+        openKeys,
+        selectedKeys
+    };
+};

+import 'es6-promise';
+import fetch from 'isomorphic-fetch';
+import getLocalForage from '../storage/localForage';
+import { dispatch } from './commonUtils';
+import * as types from '../redux/actionTypes';
+import uuidv1 from 'uuid/v1';
+//请求后端环境
+let SERVER_DOMAIN = '/';
+// if (window.evn == 'production') {
+//     SERVER_DOMAIN = window.PRODUCTION_SERVER_DOMAIN;
+// } else if (window.evn == 'development') {
+//     SERVER_DOMAIN = window.DEVELOPMENT_SERVER_DOMAIN;
+// } else if (window.evn == 'test') {
+//     SERVER_DOMAIN = window.TEST_SERVER_DOMAIN;
+// }
+
+export const api_version = 'v1';
+const checkStatus = (response) => {
+    switch (response.status) {
+        case 200:
+            return response;
+        case 409:
+            return response;
+        case 400:
+            return response;
+        case 401:
+            dispatch({
+                type: types.FETCH_FAIL,
+                payload: '用户认证授权失败',
+                meta: {
+                    title: '用户认证授权失败',
+                    description: '当前请求没有认证授权，请重新登录'
+                }
+            });
+            return response;
+        default:
+            return response;
+    }
+};
+
+const handleErrorStatus = (errorJSon = {}, data) => {
+    const { code, errors, message, title, x_request_id } = errorJSon;
+    const { __form_name = '' } = data, fields = [];
+    switch (code) {
+        case 400:
+            break;
+        case 401:
+            dispatch({
+                type: types.FETCH_FAIL,
+                payload: { message, errors, title, x_request_id }
+            });
+            break;
+        default:
+            break;
+    }
+    console.log(__form_name);
+    if (__form_name) {
+        dispatch({
+            type: '@@redux-form/SET_SUBMIT_FINALLY',
+            meta: {
+                form: __form_name,
+                fields: fields,
+                error: true
+            }
+        });
+    }
+};
+
+const parseJSON = (response, data) => {
+    let backJson;
+    try {
+        backJson = response.json();
+        handleErrorStatus(backJson, data);
+    } catch (error) {
+        backJson = {};
+        dispatch({
+            type: types.FETCH_FAIL,
+            payload: '解析JSON失败'
+        });
+    }
+    return backJson;
+};
+const redirectFun = (back) => {
+    if (back && back.redirect) {
+        window.location.href = back.redirect;
+    }
+    return back;
+};
+
+const getToken = () => {
+    return getLocalForage().getItem('tokens').then(function (value) {
+        const { access_token = '' } = value || {};
+        console.log(value);
+        return access_token;
+    }).catch(function (err) {
+        console.log(err);
+        return err;
+    });
+};
+
+const fetchCatch = (err) => {
+    console.log(err);
+    dispatch({
+        type: '@@redux-form/SET_SUBMIT_FINALLY',
+        meta: {
+            form: '',
+            fields: [],
+            error: true
+        }
+    });
+    return err;
+};
+
+export const get = function* (url) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'get',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then((response) => {
+        return parseJSON(response, unSerializeParams(url));
+    }).then(redirectFun).catch(fetchCatch);
+};
+
+export const post = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'post',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 600,
+        body: JSON.stringify(data)
+    }; console.log("postpostpostpostpost", SERVER_DOMAIN, url);
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then((response) => {
+        return parseJSON(response, data);
+    }).catch(fetchCatch);
+};
+
+export const postFile = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'post',
+        headers: {
+            'Accept': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300,
+        body: data
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const put = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'put',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300,
+        body: JSON.stringify(data)
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const del = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'delete',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const head = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'head',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300,
+        body: JSON.stringify(data)
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const patch = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'patch',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300,
+        body: JSON.stringify(data)
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const json = function* (url) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'get',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const postJson = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'post',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 600,
+        body: JSON.stringify(data)
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const putJson = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'put',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300,
+        body: JSON.stringify(data)
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const patchJson = function* (url, data = {}) {
+    const token = yield getToken();
+    const defaultOpt = {
+        method: 'patch',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300,
+        body: JSON.stringify(data)
+    };
+    return yield fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then(parseJSON).catch(fetchCatch);
+};
+
+export const serializeParams = (params) => {
+    if (params && typeof (params) === "object") {
+        const keys = Object.keys(params);
+        let stringParams = ['?t=1'];
+        keys.map((key, i) => {
+            stringParams.push(key + "=" + encodeURIComponent(params[key]));
+        });
+        return stringParams.join("&");
+    } else if (params && typeof (params) === "string") {
+        return params;
+    } else {
+        return '';
+    }
+};
+
+export const unSerializeParams = (url) => {
+    const backParmas = {};
+    if (url && typeof (url) === "string" && url.indexOf("?") != -1) {
+        let parmas = [];
+        if (url.split("?")[1]) {
+            parmas = url.split("?")[1].split("&");
+        }
+        parmas.map((parma, i) => {
+            if (parma && parma.indexOf("=" != -1)) {
+                const temp = parma.split("=");
+                backParmas[temp[0]] = decodeURIComponent(temp[1]);
+            }
+        });
+        return backParmas;
+    } else {
+        return backParmas;
+    }
+};
+
+
+export async function ajaxGet(url) {
+    let token = '';
+    await getLocalForage().getItem('tokens').then(function (value) {
+        const { access_token = '' } = value || {};
+        token = access_token;
+        return access_token;
+    }).catch(function (err) {
+        console.log(err);
+        return err;
+    });
+    const defaultOpt = {
+        method: 'get',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 300
+    };
+    return fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then((response) => {
+        return parseJSON(response, unSerializeParams(url));
+    }).then(redirectFun).catch(fetchCatch);
+}
+
+export async function ajaxPost(url, data = {}) {
+    let token = '';
+    await getLocalForage().getItem('tokens').then(function (value) {
+        const { access_token = '' } = value || {};
+        token = access_token;
+        return access_token;
+    }).catch(function (err) {
+        console.log(err);
+        return err;
+    });
+    const defaultOpt = {
+        method: 'post',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`,
+            'Request-ID': uuidv1()
+        },
+        credentials: 'same-origin',
+        timeout: 1000 * 600,
+        body: JSON.stringify(data)
+    };
+    return fetch(`${SERVER_DOMAIN}${url}`, defaultOpt).then(checkStatus).then((response) => {
+        return parseJSON(response, data);
+    }).catch(fetchCatch);
+}

+import * as fetch from './fetch';
+
+/*
+* 登录
+*/
+export const postLogin = (data) => {
+    const url = `login`;
+    return fetch.ajaxPost(url, data);
+};
+