joywok-material-components/lib/customusergroup/AddUserGroup.js

<h1 align="center"> Joywok Material Components </h1>

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _dva = require('dva');

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _request = require('../utils/request');

var _request2 = _interopRequireDefault(_request);

var _aloneTip = require('./../tips/aloneTip');

var _aloneTip2 = _interopRequireDefault(_aloneTip);

var _Button = require('@material-ui/core/Button');

var _Button2 = _interopRequireDefault(_Button);

var _styles = require('@material-ui/core/styles');

var _TextField = require('@material-ui/core/TextField');

var _TextField2 = _interopRequireDefault(_TextField);

var _Dialog = require('@material-ui/core/Dialog');

var _Dialog2 = _interopRequireDefault(_Dialog);

var _DialogActions = require('@material-ui/core/DialogActions');

var _DialogActions2 = _interopRequireDefault(_DialogActions);

var _DialogContent = require('@material-ui/core/DialogContent');

var _DialogContent2 = _interopRequireDefault(_DialogContent);

var _DialogContentText = require('@material-ui/core/DialogContentText');

var _DialogContentText2 = _interopRequireDefault(_DialogContentText);

var _DialogTitle = require('@material-ui/core/DialogTitle');

var _DialogTitle2 = _interopRequireDefault(_DialogTitle);

var _menuSelect = require('./../select/menuSelect');

var _menuSelect2 = _interopRequireDefault(_menuSelect);

var _constants = require('../constants');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 添加用户组


var styles = {};

var AddGroupDialog = function (_React$Component) {
  _inherits(AddGroupDialog, _React$Component);

  function AddGroupDialog(props) {
    _classCallCheck(this, AddGroupDialog);

    var _this = _possibleConstructorReturn(this, (AddGroupDialog.__proto__ || Object.getPrototypeOf(AddGroupDialog)).call(this, props));

    _this.state = _.extend({
      originData: $.extend(true, { name: '', cid: '' }, props.data || {}),
      data: {
        name: '',
        cid: ''
      },
      objectInfo: {},
      groupClasses: [],
      saving: false
    }, props);
    return _this;
  }

  _createClass(AddGroupDialog, [{
    key: 'handleChange',
    value: function handleChange(e, key) {
      var data = this.state.data;
      data[key] = e.target.value;
      this.setState({
        data: data
      });
    }
  }, {
    key: 'handleClose',
    value: function handleClose() {
      typeof this.props.onClose == 'function' && this.props.onClose();
    }
  }, {
    key: 'handleSubmit',
    value: function handleSubmit() {
      var self = this;
      this.setState({
        saving: true
      });
      var params = this.state.data;
      var url = '/api/customusergroup/usergroup';
      if (this.state.objectInfo.otype == 'raffle') {
        url = '/api/raffleconsole/usergroup';
        params.oid = this.state.objectInfo.oid;
        params.utype = this.props.utype;
      }
      if (this.state.data.id) {
        if (this.state.objectInfo.otype == 'raffle') {
          url = '/api/raffleconsole/usergroupsimple';
        } else {
          url = '/api/customusergroup/' + this.state.data.id + '/simple';
        }
      }
      (0, _request2.default)(url, {
        method: this.state.data.id ? "PUT" : "POST",
        body: JSON.stringify(params)
      }).then(function (resp) {
        var params = {
          saving: false
        };
        if (resp.data && resp.data.JMStatus && resp.data.JMStatus.errmemo) {
          // let a = AloneTip({ type: 'error', duration: 2000, hasclose: false, autoHideDuration: 2000, message:COMPONENT_DICT('label.business.err.info')+ resp.data.JMStatus.errmemo })
        } else {
          var a = (0, _aloneTip2.default)({ type: 'success', duration: 1000, hasclose: false, autoHideDuration: 1000, message: self.state.data.id ? i18n('btn.edit-success') : i18n('label.add-success') });
          typeof self.props.onSubmitSuccess == 'function' && self.props.onSubmitSuccess(resp.data.JMUsergroup, self.state.data);
        }
        self.setState(params);
      });
    }
  }, {
    key: 'componentWillReceiveProps',
    value: function componentWillReceiveProps(nextProps) {
      if (nextProps.data && JSON.stringify(this.state.data) != JSON.stringify(nextProps.data) || nextProps.groupClasses != this.state.groupClasses) {
        this.setState(_.extend({
          originData: $.extend(true, {}, nextProps.data),
          data: nextProps.data
        }, nextProps), function () {});
      }
    }
  }, {
    key: 'componentDidMount',
    value: function componentDidMount() {
      var self = this;
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var self = this;
      var groupClasses = _.map(this.state.groupClasses, function (item) {
        return { key: item.id, value: item.name };
      });
      var buttonDisabled = JSON.stringify(this.state.originData) === JSON.stringify(this.state.data) || this.state.data.name == '' ? true : false;
      return _react2.default.createElement(
        _Dialog2.default,
        {
          className: 'jw-m-addusergroup-dialog',
          open: this.props.open,
          onClose: function onClose() {
            return _this2.handleClose();
          },
          'aria-labelledby': 'alert-dialog-title',
          'aria-describedby': 'alert-dialog-description'
        },
        _react2.default.createElement(
          _DialogTitle2.default,
          { id: 'alert-dialog-title' },
          this.state.data.id ? i18n('label.usergroup.edit.group') : i18n('label.usergroup.add.group'),
          _react2.default.createElement('i', { className: 'icon-close-big', onClick: function onClick() {
              return _this2.handleClose();
            } })
        ),
        _react2.default.createElement(
          _DialogContent2.default,
          null,
          _react2.default.createElement(
            'div',
            { className: 'addusergroup-name' },
            _react2.default.createElement(
              'span',
              { className: 'label' },
              i18n('label.usergroup.name'),
              _react2.default.createElement(
                'span',
                { className: 'label-required' },
                '*'
              )
            ),
            _react2.default.createElement(_TextField2.default, { className: 'addusergroup-name-input', placeholder: i18n('label.form.please.input'), value: this.state.data.name, onChange: function onChange(e) {
                return _this2.handleChange(e, 'name');
              } })
          ),
          _react2.default.createElement(
            'div',
            { className: 'addusergroup-belong' },
            _react2.default.createElement(
              'span',
              { className: 'label' },
              i18n('label.usergroup.belong')
            ),
            _react2.default.createElement(_menuSelect2.default, { className: 'addusergroup-belong-select', key: this.state.data.cid, value: this.state.data.cid, options: groupClasses, onChange: function onChange(e) {
                return _this2.handleChange(e, 'cid');
              } })
          )
        ),
        _react2.default.createElement(
          _DialogActions2.default,
          { className: 'addusergroup-actions' },
          _react2.default.createElement(
            _Button2.default,
            { onClick: function onClick() {
                return _this2.handleClose();
              }, className: 'addusergroup-cancel-btn', color: 'primary' },
            i18n('btn.cancel')
          ),
          buttonDisabled == true || this.state.saving == true ? _react2.default.createElement(
            _Button2.default,
            { className: 'addusergroup-save-btn', disabled: true },
            this.state.saving == true ? i18n('btn.saving') : i18n('btn.save')
          ) : _react2.default.createElement(
            _Button2.default,
            { className: 'addusergroup-save-btn', onClick: function onClick() {
                return _this2.handleSubmit();
              } },
            i18n('btn.save')
          )
        )
      );
    }
  }]);

  return AddGroupDialog;
}(_react2.default.Component);

exports.default = (0, _dva.connect)(function (state) {
  return state;
})(AddGroupDialog);