app-base-react
Version:
react development common base package.
477 lines (441 loc) • 15.6 kB
JavaScript
"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 _uploadTable = require("../../../library/upload-table");
var _uploadTable2 = _interopRequireDefault(_uploadTable);
var _utilAxios = require("../../../library/util-axios");
var _utilAxios2 = _interopRequireDefault(_utilAxios);
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 = "ProjectApplicationManagement/";
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;
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,
{ 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.projectName
)
),
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u4E8B\u9879\u5E74\u5EA6"
),
_react2.default.createElement(
"span",
null,
this.state.eventYear
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
"label",
null,
"\u7533\u62A5\u7F16\u53F7"
),
_react2.default.createElement(
"span",
null,
this.state.num
)
),
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u7533\u62A5\u5355\u4F4D"
),
_react2.default.createElement(
"span",
null,
this.state.declarationUnit
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
"label",
null,
"\u5355\u4F4D\u7C7B\u578B"
),
_react2.default.createElement(
"span",
null,
this.state.unitType
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801"
),
_react2.default.createElement(
"span",
null,
this.state.credit
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u5355\u4F4D\u5730\u5740"
),
_react2.default.createElement(
"span",
null,
this.state.address
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
"label",
null,
"\u8054\u7CFB\u4EBA\u540D\u79F0"
),
_react2.default.createElement(
"span",
null,
this.state.contactName
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
"label",
null,
"\u8054\u7CFB\u4EBA\u7535\u8BDD"
),
_react2.default.createElement(
"span",
null,
this.state.phone
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
"label",
null,
"\u8054\u7CFB\u4EBA\u90AE\u7BB1"
),
_react2.default.createElement(
"span",
null,
this.state.email
)
)
),
_react2.default.createElement(
"div",
{ className: "form-sec-title" },
"\u5176\u4ED6\u4FE1\u606F"
),
_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: 6 },
_react2.default.createElement(
"label",
null,
item && item.indexOf("#/") > -1 ? item.split("#/")[0] : item
),
_react2.default.createElement(
"span",
null,
valueArr[index]
)
);
})
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u94F6\u884C\u5F00\u6237\u6750\u6599"
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
"label",
null,
"\u5F00\u6237\u94F6\u884C\u540D\u79F0"
),
_react2.default.createElement(
"span",
null,
this.state.bankName
)
),
_react2.default.createElement(
_col2.default,
{ xs: 18 },
_react2.default.createElement(
"label",
null,
"\u5F00\u6237\u94F6\u884C\u8D26\u53F7"
),
_react2.default.createElement(
"span",
null,
this.state.bankAccount
)
)
),
_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(
"label",
null,
JSON.parse(_this2.state.declarationForm)[item][0].parentName
),
_react2.default.createElement(
"span",
null,
_react2.default.createElement(_uploadTable2.default, {
disabled: true,
value: JSON.stringify(JSON.parse(_this2.state.declarationForm)[item])
})
)
);
})
),
_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(
"label",
null,
"\u7533\u62A5\u72B6\u6001"
),
_react2.default.createElement(
"span",
null,
_utilDic2.default.json("project", "申报状态")[this.state.declarationStatus]
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u5BA1\u6838\u610F\u89C1"
),
_react2.default.createElement("div", {
style: {
border: "0px solid #d9d9d9",
borderRadius: "2px",
background: "#fbfbfb"
},
className: "editor-content-view",
dangerouslySetInnerHTML: {
__html: this.state.declarationOpinions
}
})
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u7533\u62A5\u7ED3\u679C"
),
_react2.default.createElement("div", {
style: {
border: "0px solid #d9d9d9",
borderRadius: "2px",
background: "#fbfbfb"
},
className: "editor-content-view",
dangerouslySetInnerHTML: {
__html: this.state.declarationResults
}
})
)
)
)
);
}
}]);
return FormView;
}(_react2.default.Component);
exports.default = FormView;