app-base-react
Version:
react development common base package.
374 lines (328 loc) • 12.8 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _form = require('antd/lib/form');
var _form2 = _interopRequireDefault(_form);
var _input = require('antd/lib/input');
var _input2 = _interopRequireDefault(_input);
var _row = require('antd/lib/row');
var _row2 = _interopRequireDefault(_row);
var _col = require('antd/lib/col');
var _col2 = _interopRequireDefault(_col);
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/form/style/css');
require('antd/lib/input/style/css');
require('antd/lib/row/style/css');
require('antd/lib/col/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 _dic = require('../../../library/dic');
var _dic2 = _interopRequireDefault(_dic);
var _uploadTable = require('../../../library/upload-table');
var _uploadTable2 = _interopRequireDefault(_uploadTable);
var _utilAxios = require('../../../library/util-axios');
var _utilAxios2 = _interopRequireDefault(_utilAxios);
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 = 'ProjectApplicationManagement/';
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.id = _this.state.id;
if (values.declarationStatus == '4') {
values.state = '2';
}
if (values.declarationStatus == '5') {
values.state = '6';
}
_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;
var data = JSON.parse(this.state.others || "{}");
if (!data) data = {};
var keyArr = [],
valueArr = [],
index = 0;
for (var key in data) {
keyArr[index] = key;
valueArr[index] = data[key];
index += 1;
}
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' }),
'\u53D6\u6D88'
),
_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: 12 },
_react2.default.createElement(
'label',
null,
'\u4E8B\u9879\u540D\u79F0\uFF1A'
),
_react2.default.createElement(
'span',
null,
this.state.projectName
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'num', label: '\u7533\u62A5\u7F16\u53F7', initialValue: this.state.num },
_react2.default.createElement(_input2.default, { disabled: true, placeholder: '', prefix: '', suffix: '' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'declarationUnit', label: '\u7533\u62A5\u5355\u4F4D', initialValue: this.state.declarationUnit },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'unitType', label: '\u5355\u4F4D\u7C7B\u578B', initialValue: this.state.unitType },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'credit', label: '\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801', initialValue: this.state.credit },
_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,
{ name: 'address', label: '\u5355\u4F4D\u5730\u5740', initialValue: this.state.address },
_react2.default.createElement(_input2.default.TextArea, null)
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'contactName', label: '\u8054\u7CFB\u4EBA\u540D\u79F0', initialValue: this.state.contactName },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'phone', label: '\u8054\u7CFB\u4EBA\u7535\u8BDD', initialValue: this.state.phone },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'email', label: '\u8054\u7CFB\u4EBA\u90AE\u7BB1', initialValue: this.state.email },
_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,
{ name: 'others', label: '\u5176\u4ED6\u4FE1\u606F', initialValue: this.state.others },
_react2.default.createElement(
_row2.default,
null,
keyArr.map(function (item, index) {
if (valueArr[index] === true) {
valueArr[index] = "是";
}
if (valueArr[index] === false) {
valueArr[index] = "否";
}
if (Array.isArray(valueArr[index])) {
var date = valueArr[index][0];
if (isNaN(date) && !isNaN(Date.parse(date))) {
valueArr[index] = valueArr[index].join(" ~ ");
} else {
valueArr[index] = valueArr[index].join("、");
}
}
return _react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
'label',
null,
item && item.indexOf("#/") > -1 ? item.split("#/")[0] : item
),
'\uFF1A',
_react2.default.createElement(
'span',
null,
valueArr[index]
)
);
})
)
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'bankName', label: '\u5F00\u6237\u94F6\u884C\u540D\u79F0', initialValue: this.state.bankName },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
),
_react2.default.createElement(
_col2.default,
{ xs: 18 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'bankAccount', label: '\u5F00\u6237\u94F6\u884C\u8D26\u53F7', initialValue: this.state.bankAccount },
_react2.default.createElement(_input2.default, { placeholder: '', prefix: '', suffix: '' })
)
)
),
_react2.default.createElement(
_row2.default,
null,
this.state.declarationForm && JSON.parse(this.state.declarationForm) && Object.keys(JSON.parse(this.state.declarationForm)).map(function (item) {
return _react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'declarationForm', label: JSON.parse(_this2.state.declarationForm)[item][0].parentName, initialValue: JSON.stringify(JSON.parse(_this2.state.declarationForm)[item]) },
_react2.default.createElement(_uploadTable2.default, { disabled: true })
)
);
})
),
_react2.default.createElement(
'div',
{ className: 'form-sec-title' },
'\u5BA1\u6838\u4FE1\u606F'
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{ name: 'declarationStatus', label: '\u7533\u62A5\u72B6\u6001', initialValue: String(this.state.declarationStatus || '') },
_react2.default.createElement(_dic2.default, { params: { app: 'project', type: '申报状态' } })
)
)
)
)
);
}
}]);
return FormEdit;
}(_react2.default.Component);
exports.default = FormEdit;