app-base-react
Version:
react development common base package.
208 lines (163 loc) • 6.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _button = require('antd/lib/button');
var _button2 = _interopRequireDefault(_button);
var _row = require('antd/lib/row');
var _row2 = _interopRequireDefault(_row);
var _col = require('antd/lib/col');
var _col2 = _interopRequireDefault(_col);
var _form = require('antd/lib/form');
var _form2 = _interopRequireDefault(_form);
var _input = require('antd/lib/input');
var _input2 = _interopRequireDefault(_input);
var _message2 = require('antd/lib/message');
var _message3 = _interopRequireDefault(_message2);
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
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; }; }();
require('antd/lib/button/style/css');
require('antd/lib/row/style/css');
require('antd/lib/col/style/css');
require('antd/lib/form/style/css');
require('antd/lib/input/style/css');
require('antd/lib/message/style/css');
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _generator = require('../../../library/generator');
var _generator2 = _interopRequireDefault(_generator);
var _utilAxios = require('../../../library/util-axios');
var _utilAxios2 = _interopRequireDefault(_utilAxios);
var _utilModal = require('../../../library/util-modal');
var _utilModal2 = _interopRequireDefault(_utilModal);
var _utilString = require('../../../library/util-string');
var _utilString2 = _interopRequireDefault(_utilString);
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 title = '申报模板';
var url = 'CfgDictionary/';
var FormEdit = function (_React$Component) {
_inherits(FormEdit, _React$Component);
function FormEdit(props) {
_classCallCheck(this, FormEdit);
var _this = _possibleConstructorReturn(this, (FormEdit.__proto__ || Object.getPrototypeOf(FormEdit)).call(this, props));
_this.onSave = function (values) {
var me = _this;
values.app = 'project';
values.type = '表单模板';
values.value = _utilString2.default.uuid();
values.id = _this.state.id;
_utilAxios2.default.post(url + 'save', values).then(function (rs) {
if (rs.success) {
_message3.default.info(rs.msg);
me.props.onSave(values);
} else {
_message3.default.error(rs.msg);
}
});
};
_this.state = _extends({}, props.values);
// this.formRef = React.createRef();
// this.formRef2 = React.createRef();
return _this;
}
// handleCancel = () => {
// this.setState({
// isModalOpen: false,
// });
// };
// saveForm = val => {
// try {
// const options = this.formRef2.current.getValue();
// const isEmpty = Object.keys(options).length < 2;
// let me = this;
// if (isEmpty) {
// UtilModal.confirm({
// content: '表单为空，确定保存吗',
// onOk: function () {
// me.saveAPI('');
// },
// });
// } else {
// me.saveAPI(JSON.stringify(options));
// }
// } catch (e) {
// console.log('ERROR：' + e);
// }
// };
// saveAPI = values => {
// this.formRef.current.setFieldsValue({
// memo: values,
// });
// this.setState({ memo: values, isModalOpen: false });
// };
_createClass(FormEdit, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
_react.Fragment,
null,
_react2.default.createElement(
_form2.default,
{ ref: this.formRef, className: 'form-edit', layout: 'vertical', onFinish: this.onSave },
_react2.default.createElement(
'div',
{ className: 'form-title' },
_react2.default.createElement(
'i',
null,
title,
' - ',
this.state.id ? '编辑' : '录入'
)
),
_react2.default.createElement(
'div',
{ className: 'form-content', style: { height: this.props.height } },
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: 'zh_CN',
label: '\u6A21\u677F\u540D\u79F0',
initialValue: this.state.zh_CN,
rules: [{
required: true,
message: '请输入模板名称'
}] },
_react2.default.createElement(_input2.default, null)
)
)
)
),
_react2.default.createElement(
'div',
{ className: 'form-toolbar' },
_react2.default.createElement(
_button2.default,
{ className: 'btn-cancel', onClick: this.props.onCancel },
_react2.default.createElement('i', { className: 'iconfont icon-cancel' }),
'\u53D6\u6D88'
),
_react2.default.createElement(
_button2.default,
{ className: 'btn-submit', htmlType: 'submit' },
_react2.default.createElement('i', { className: 'iconfont icon-submit' }),
'\u63D0\u4EA4'
)
)
)
);
}
}]);
return FormEdit;
}(_react2.default.Component);
exports.default = FormEdit;