app-base-react
Version:
react development common base package.
421 lines (362 loc) • 14.5 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _datePicker = require('antd/lib/date-picker');
var _datePicker2 = _interopRequireDefault(_datePicker);
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 _divider = require('antd/lib/divider');
var _divider2 = _interopRequireDefault(_divider);
var _button = require('antd/lib/button');
var _button2 = _interopRequireDefault(_button);
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/date-picker/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/divider/style/css');
require('antd/lib/button/style/css');
require('antd/lib/message/style/css');
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _checkGroup = require('../../../library/check-group');
var _checkGroup2 = _interopRequireDefault(_checkGroup);
var _dic = require('../../../library/dic');
var _dic2 = _interopRequireDefault(_dic);
var _moment = require('../../../library/moment');
var _moment2 = _interopRequireDefault(_moment);
var _select = require('../../../library/select');
var _select2 = _interopRequireDefault(_select);
var _uploadProject = require('../../../library/upload-project1');
var _uploadProject2 = _interopRequireDefault(_uploadProject);
var _uploadProject3 = require('../../../library/upload-project2');
var _uploadProject4 = _interopRequireDefault(_uploadProject3);
var _utilAxios = require('../../../library/util-axios');
var _utilAxios2 = _interopRequireDefault(_utilAxios);
var _index = require('../../../library/wang-editor/index');
var _index2 = _interopRequireDefault(_index);
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 = 'ProjectManagement/';
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;
var declarationStartTime = (0, _moment2.default)(values.declarationStartTime).valueOf();
var declarationEndTime = (0, _moment2.default)(values.declarationEndTime).valueOf();
if (declarationEndTime < declarationStartTime) {
_message3.default.warn('申报结束时间要大于申报开始时间!');
return;
}
values.id = _this.state.id;
if (values.eventYear) {
values.eventYear = new Date(values.eventYear).getFullYear();
}
_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 = _react2.default.createRef();
return _this;
}
_createClass(FormEdit, [{
key: 'render',
value: function render() {
var _this2 = this;
return _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(
'span',
null,
_react2.default.createElement(
_button2.default,
{ className: 'btn-cancel', onClick: this.state.id ? this.props.onEditReturn : this.props.onCancel },
_react2.default.createElement('i', { className: 'iconfont icon-cancel' }),
'\u8FD4\u56DE'
),
_react2.default.createElement(_divider2.default, { type: 'vertical' }),
_react2.default.createElement(
_button2.default,
{ className: 'btn-submit', htmlType: 'submit' },
_react2.default.createElement('i', { className: 'iconfont icon-sumit' }),
'\u63D0\u4EA4'
)
)
),
_react2.default.createElement(
'div',
{ className: 'form-content', style: { height: this.props.height } },
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 18 },
_react2.default.createElement(
_form2.default.Item,
{
name: 'name',
label: '\u4E8B\u9879\u540D\u79F0',
initialValue: this.state.name,
rules: [{
required: true,
message: '请输入事项名称'
}] },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: 'eventYear',
label: '\u4E8B\u9879\u5E74\u5EA6',
initialValue: (0, _moment2.default)(this.state.eventYear),
rules: [{
required: true,
message: '请输入事项年度'
}] },
_react2.default.createElement(_datePicker2.default, { picker: 'year' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: 'declarationStartTime',
label: '\u7533\u62A5\u5F00\u59CB\u65F6\u95F4',
initialValue: this.state.declarationStartTime ? (0, _moment2.default)(this.state.declarationStartTime) : undefined,
rules: [{
required: true,
message: '请输入申报开始时间'
}] },
_react2.default.createElement(_datePicker2.default, { showTime: true, format: 'YYYY-MM-DD HH:mm', disabledDate: function disabledDate(current) {
return current && current < (0, _moment2.default)().startOf('day');
} })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: 'declarationEndTime',
label: '\u7533\u62A5\u7ED3\u675F\u65F6\u95F4',
initialValue: this.state.declarationEndTime ? (0, _moment2.default)(this.state.declarationEndTime) : undefined,
rules: [{
required: true,
message: '请输入申报结束时间'
}] },
_react2.default.createElement(_datePicker2.default, { showTime: true, format: 'YYYY-MM-DD HH:mm', disabledDate: function disabledDate(current) {
return current && current < (0, _moment2.default)().startOf('day');
} })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: 'region',
label: ' \u6240\u5C5E\u533A\u57DF',
initialValue: this.state.region
},
_react2.default.createElement(_dic2.default, { params: { app: 'app', type: '所属区域' } })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'eventType', label: '\u4E8B\u9879\u7C7B\u578B', initialValue: String(this.state.eventType || '') },
_react2.default.createElement(_dic2.default, { params: { app: 'project', type: '事项类型' } })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'declarationMethod', label: '\u7533\u62A5\u65B9\u5F0F', initialValue: this.state.declarationMethod },
_react2.default.createElement(_checkGroup2.default, {
dic: { app: 'project', type: '申报方式' },
onChange: function onChange(value) {
_this2.setState({ declarationMethod: value });
}
})
)
),
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'reviewMethod', label: '\u8BC4\u5BA1\u65B9\u5F0F', initialValue: this.state.reviewMethod },
_react2.default.createElement(_checkGroup2.default, {
dic: { app: 'project', type: '评审方式' },
onChange: function onChange(value) {
_this2.setState({ reviewMethod: value });
}
})
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'implementingEntity', label: '\u5B9E\u65BD\u4E3B\u4F53/\u90E8\u95E8', initialValue: this.state.implementingEntity },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'subjectOrientedObject', label: '\u9762\u5411\u4E3B\u4F53\u5BF9\u8C61', initialValue: this.state.subjectOrientedObject },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{
//labelCol={{ span: 3 }}
//wrapperCol={{ span: 21 }}
name: 'projectInstructions',
label: '\u9879\u76EE\u987B\u77E5',
initialValue: this.state.projectInstructions },
_react2.default.createElement(_index2.default, null)
)
),
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{
//labelCol={{ span: 3 }}
//wrapperCol={{ span: 21 }}
name: 'content',
label: '\u9879\u76EE\u8BE6\u60C5',
initialValue: this.state.content },
_react2.default.createElement(_index2.default, null)
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'templateId', label: _react2.default.createElement(
'span',
null,
'\u8868\u5355\u6A21\u677F ',
_react2.default.createElement(
'i',
{ style: { color: "red", fontSize: "12px" } },
'\xA0\u6CE8:\u53EF\u5728\u300C\u9879\u76EE\u7533\u62A5-\u7533\u62A5\u6A21\u677F\u300D\u4E2D\u5F55\u5165\u4E0E\u7EF4\u62A4'
)
), initialValue: String(this.state.templateId || '') },
_react2.default.createElement(_select2.default, { url: 'CfgDictionary/options', params: { app: 'project', type: '表单模板' } })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'materialList', label: '\u6750\u6599\u6E05\u5355', initialValue: this.state.materialList },
_react2.default.createElement(_uploadProject2.default, null)
)
),
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'fillInTheDocumentList', label: '\u586B\u62A5\u6587\u6863\u6E05\u5355', initialValue: this.state.fillInTheDocumentList },
_react2.default.createElement(_uploadProject4.default, null)
)
)
)
)
);
}
}]);
return FormEdit;
}(_react2.default.Component);
exports.default = FormEdit;