UNPKG

app-base-react

Version:
449 lines (407 loc) 14.8 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _form = require("antd/lib/form"); var _form2 = _interopRequireDefault(_form); var _row = require("antd/lib/row"); var _row2 = _interopRequireDefault(_row); var _col = require("antd/lib/col"); var _col2 = _interopRequireDefault(_col); var _button = require("antd/lib/button"); var _button2 = _interopRequireDefault(_button); 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/row/style/css"); require("antd/lib/col/style/css"); require("antd/lib/button/style/css"); var _react = require("react"); var _react2 = _interopRequireDefault(_react); var _checkGroup = require("../../../library/check-group"); var _checkGroup2 = _interopRequireDefault(_checkGroup); 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 _utilDate = require("../../../library/util-date"); var _utilDate2 = _interopRequireDefault(_utilDate); var _utilDic = require("../../../library/util-dic"); var _utilDic2 = _interopRequireDefault(_utilDic); 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 FormView = function (_React$Component) { _inherits(FormView, _React$Component); function FormView(props) { _classCallCheck(this, FormView); var _this = _possibleConstructorReturn(this, (FormView.__proto__ || Object.getPrototypeOf(FormView)).call(this, props)); _this.state = _extends({}, props.values); return _this; } _createClass(FormView, [{ key: "componentDidMount", value: function componentDidMount() { var me = this; _utilAxios2.default.get(url + "getModel?id=" + this.state.id, {}, function (rs) { me.setState(_extends({}, rs.data)); }); } }, { key: "render", value: function render() { var _this2 = this; return _react2.default.createElement( _form2.default, { className: "form-view" }, _react2.default.createElement( "div", { className: "form-title" }, _react2.default.createElement( "i", null, title, " - \u8BE6\u60C5" ), _react2.default.createElement( "span", null, _react2.default.createElement( _button2.default, { className: "btn-return", onClick: this.props.onReturn }, _react2.default.createElement("i", { className: "iconfont icon-return" }), "\u8FD4\u56DE" ), _react2.default.createElement( _button2.default, { className: "btn-edit", onClick: function onClick(e) { _this2.props.onEdit(_this2.state); } }, _react2.default.createElement("i", { className: "iconfont icon-edit" }), "\u7F16\u8F91" ) ) ), _react2.default.createElement( "div", { className: "form-content", style: { height: this.props.height } }, _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 24 }, _react2.default.createElement( "label", null, "\u4E8B\u9879\u540D\u79F0" ), _react2.default.createElement( "span", null, this.state.name ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 6 }, _react2.default.createElement( "label", null, "\u4E8B\u9879\u5E74\u5EA6" ), _react2.default.createElement( "span", null, this.state.eventYear ) ), _react2.default.createElement( _col2.default, { xs: 6 }, _react2.default.createElement( "label", null, "\u7533\u62A5\u5F00\u59CB\u65F6\u95F4" ), _react2.default.createElement( "span", null, _utilDate2.default.getMinute(this.state.declarationStartTime) ) ), _react2.default.createElement( _col2.default, { xs: 6 }, _react2.default.createElement( "label", null, "\u7533\u62A5\u7ED3\u675F\u65F6\u95F4" ), _react2.default.createElement( "span", null, _utilDate2.default.getMinute(this.state.declarationEndTime) ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, " \u6240\u5C5E\u533A\u57DF" ), _react2.default.createElement( "span", null, this.state.region ) ), _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, "\u4E8B\u9879\u7C7B\u578B" ), _react2.default.createElement( "span", null, _utilDic2.default.json("project", "事项类型")[this.state.eventType] ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, "\u7533\u62A5\u65B9\u5F0F" ), _react2.default.createElement( "span", null, _react2.default.createElement(_checkGroup2.default, { dic: { app: "project", type: "申报方式" }, value: this.state.declarationMethod, disabled: true }) ) ), _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, "\u8BC4\u5BA1\u65B9\u5F0F" ), _react2.default.createElement( "span", null, _react2.default.createElement(_checkGroup2.default, { dic: { app: "project", type: "评审方式" }, value: this.state.reviewMethod, disabled: true }) ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, "\u5B9E\u65BD\u4E3B\u4F53/\u90E8\u95E8" ), _react2.default.createElement( "span", null, this.state.implementingEntity ) ), _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, "\u9762\u5411\u4E3B\u4F53\u5BF9\u8C61" ), _react2.default.createElement( "span", null, this.state.subjectOrientedObject ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 24 }, _react2.default.createElement( "label", null, "\u9879\u76EE\u987B\u77E5" ), _react2.default.createElement("div", { style: { border: "0px solid #d9d9d9", borderRadius: "2px", background: "#fbfbfb" }, className: "editor-content-view", dangerouslySetInnerHTML: { __html: this.state.projectInstructions } }) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 24 }, _react2.default.createElement( "label", null, "\u9879\u76EE\u8BE6\u60C5" ), _react2.default.createElement("div", { style: { border: "0px solid #d9d9d9", borderRadius: "2px", background: "#fbfbfb" }, className: "editor-content-view", dangerouslySetInnerHTML: { __html: this.state.content } }) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 12 }, _react2.default.createElement( "label", null, "\u8868\u5355\u6A21\u677F" ), _react2.default.createElement( "span", null, _utilDic2.default.json("project", "表单模板")[this.state.templateId] ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 24 }, _react2.default.createElement( "label", null, "\u6750\u6599\u6E05\u5355" ), _react2.default.createElement( "span", null, _react2.default.createElement(_uploadProject2.default, { disabled: true, isView: true, value: this.state.materialList, uploadUrl: _utilAxios2.default.uploadPath, downloadUrl: _utilAxios2.default.downloadPath }) ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 24 }, _react2.default.createElement( "label", null, "\u586B\u62A5\u6587\u6863\u6E05\u5355" ), _react2.default.createElement( "span", null, _react2.default.createElement(_uploadProject4.default, { disabled: true, isView: true, value: this.state.fillInTheDocumentList, uploadUrl: _utilAxios2.default.uploadPath, downloadUrl: _utilAxios2.default.downloadPath }) ) ) ), _react2.default.createElement( _row2.default, null, _react2.default.createElement( _col2.default, { xs: 6 }, _react2.default.createElement( "label", null, "\u5BA1\u6838\u72B6\u6001" ), _react2.default.createElement( "span", null, _utilDic2.default.json("project", "审核状态")[this.state.state] ) ) ) ) ); } }]); return FormView; }(_react2.default.Component); exports.default = FormView;