fastlion-amis
Version:
一种MIS页面生成工具
126 lines (125 loc) • 7.93 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LionImportExcelRenderer = void 0;
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var Spin_1 = (0, tslib_1.__importDefault)(require("antd/lib/Spin"));
var FileUpload_1 = require("./FileUpload");
var factory_1 = require("../../../../../factory");
var index_1 = require("../../../../../index");
var style_1 = require("./style");
var Scoped_1 = require("../../../../../Scoped");
var Button_1 = (0, tslib_1.__importDefault)(require("../../../../../components/Button"));
require("./style.scss");
var LionImportExcel = /** @class */ (function (_super) {
(0, tslib_1.__extends)(LionImportExcel, _super);
function LionImportExcel(props, context) {
var _this = _super.call(this, props) || this;
_this.reloadTarget = function (target, data) {
var scoped = _this.context;
scoped.reload(target, data);
};
_this.setLoading = function (loading) {
var that = _this;
that.setState({
loading: loading ? loading : !that.state.loading
});
};
_this.handleCancel = function (e) {
_this.setState({
visible: !_this.state.visible
});
};
_this.handleUpload = function () {
var _a, _b;
((_a = _this._uploadRef) === null || _a === void 0 ? void 0 : _a.uploadClick) && ((_b = _this._uploadRef) === null || _b === void 0 ? void 0 : _b.uploadClick());
};
_this.onRef = function (ref) {
_this._uploadRef = ref;
};
_this.state = {
visible: false,
loading: false
};
var scoped = context;
scoped.registerComponent(_this);
return _this;
}
LionImportExcel.prototype.componentWillUnmount = function () {
var scoped = this.context;
scoped.unRegisterComponent(this);
};
LionImportExcel.prototype.render = function () {
var _this = this;
var _a, _b, _c;
var _d = this.props, env = _d.env, label = _d.label, rules = _d.rules, size = _d.size, level = _d.level, active = _d.active, activeLevel = _d.activeLevel, primary = _d.primary;
var baseUrl = ((_b = (_a = env === null || env === void 0 ? void 0 : env.axiosInstance) === null || _a === void 0 ? void 0 : _a.defaults) === null || _b === void 0 ? void 0 : _b.baseURL) || (env === null || env === void 0 ? void 0 : env.ajaxApi);
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Button_1.default, { size: size, level: activeLevel && active
? activeLevel
: level || (primary ? 'primary' : undefined), onClick: function (e) { _this.handleCancel(e); } }, label),
react_1.default.createElement(style_1.WrapperModal, { title: label, closable: true, onCancel: this.handleCancel, wrapClassName: 'modal-export-body', visible: this.state.visible, getContainer: (_c = this.props.env) === null || _c === void 0 ? void 0 : _c.getModalContainer, footer: null, bodyStyle: {
flex: 1,
overflow: 'auto',
padding: '10px',
color: '#606266',
fontSize: '14px',
wordBreak: 'break-all'
}, destroyOnClose: true, zIndex: 9999 },
react_1.default.createElement("div", { style: { width: '100%', position: 'relative' }, className: "import-body" },
react_1.default.createElement("div", { className: "import-Upload" },
react_1.default.createElement("div", { style: {
display: 'inline-block'
} },
(0, index_1.render)({
type: 'submit',
className: 'import-reload-btn',
reload: this.props.reload
}),
react_1.default.createElement("button", { className: 'import-btn', onClick: function () { _this.handleUpload(); } }, "\u70B9\u51FB\u4E0A\u4F20"),
react_1.default.createElement("button", { className: "download-model", onClick: function () { var _a; _this._uploadRef.openDownloadDialog && _this._uploadRef.openDownloadDialog((baseUrl ? baseUrl : '') + ((_a = _this.props.downLoadTempUrl) === null || _a === void 0 ? void 0 : _a.url)); } }, "\u4E0B\u8F7D\u6A21\u677F")),
react_1.default.createElement(FileUpload_1.FileUpload, { reload: this.props.reload, reloadTarget: this.reloadTarget, url: this.props.upLoadFileUrl, env: this.props.env, loading: this.state.loading, setLoading: function (loading) { _this.setLoading(loading); }, onRef: this.onRef }),
react_1.default.createElement("div", { style: {
fontSize: '12px',
color: '#606266',
marginTop: '5px'
} },
react_1.default.createElement("span", null, "\u53EA\u80FD\u4E0A\u4F20xls/xlsx\u6587\u4EF6"))),
rules && (rules === null || rules === void 0 ? void 0 : rules.length) > 0 ? react_1.default.createElement("div", { className: "import-Tip" },
react_1.default.createElement("div", { className: 'import-cell' },
react_1.default.createElement("div", { style: {
color: 'rgba(0,0,0,.65)',
margin: 0
} },
react_1.default.createElement("div", { style: {
marginBottom: "10px"
} },
react_1.default.createElement("div", { className: "import-rules" }, "\u5BFC\u5165\u89C4\u5219"),
react_1.default.createElement("ol", null, rules.split(',').map(function (_rule, index) {
return react_1.default.createElement("li", { key: index }, _rule);
})))))) : null),
this.state.loading ? react_1.default.createElement(style_1.WrapperLoading, { className: "import-loading" },
react_1.default.createElement(Spin_1.default, { indicator: react_1.default.createElement("span", { className: "fa fa-spin fa-circle-o-notch", style: { fontSize: 24 } }), size: "small", spinning: true, tip: '\u6587\u4EF6\u5BFC\u5165\u4E2D....' })) : null)));
};
LionImportExcel.contextType = Scoped_1.ScopedContext;
LionImportExcel.defaultProps = {
label: '导入',
rules: "重复导入同个物流商数据将覆盖原有数据, 同一个物流商名称或同一个供应商编码存在多条记录，以第一条记录为准"
};
return LionImportExcel;
}(react_1.default.Component));
exports.default = LionImportExcel;
var LionImportExcelRenderer = /** @class */ (function (_super) {
(0, tslib_1.__extends)(LionImportExcelRenderer, _super);
function LionImportExcelRenderer() {
return _super !== null && _super.apply(this, arguments) || this;
}
LionImportExcelRenderer = (0, tslib_1.__decorate)([
(0, factory_1.Renderer)({
type: 'lion-cell-import'
})
], LionImportExcelRenderer);
return LionImportExcelRenderer;
}(LionImportExcel));
exports.LionImportExcelRenderer = LionImportExcelRenderer;
//# sourceMappingURL=./renderers/Lion/Table/components/import/LionCellImport.js.map