fastlion-amis
Version:
一种MIS页面生成工具
75 lines (74 loc) • 7.52 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/**
* 统计结果tabs弹窗
*/
var react_1 = tslib_1.__importStar(require("react"));
var DragModal_1 = tslib_1.__importDefault(require("../../../components/DragModal"));
var antd_1 = require("antd");
var Statics_1 = tslib_1.__importDefault(require("./Statics"));
var helper_1 = require("../../../utils/helper");
var Chartstic_1 = tslib_1.__importDefault(require("./Chartstic"));
var Crosstics_1 = tslib_1.__importDefault(require("./Crosstics"));
var Analysis_1 = tslib_1.__importDefault(require("./Analysis"));
var icons_1 = require("@ant-design/icons");
require("./processDataTabs.scss");
var ProcessToolsTabs = function (props) {
var container = props.container, render = props.render, title = props.title, __ = props.translate, onCloseModal = props.onCloseModal, hide = props.hide, onHide = props.onHide, schema = props.schema, extraProps = props.extraProps, toolType = props.toolType, getAllData = props.getAllData, columns = props.columns, staticRecords = props.staticRecords, data = props.data, isStatic = props.isStatic, name = props.name, loadDataOnce = props.loadDataOnce, handleChangeData = props.handleChangeData, crudTitle = props.crudTitle, primaryField = props.primaryField;
var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
var _b = (0, react_1.useState)(0), calcNum = _b[0], setCalcNum = _b[1];
var _c = (0, react_1.useState)(0), defaultNum = _c[0], setDefaultNum = _c[1];
var _d = (0, react_1.useState)(0), resetNum = _d[0], setResetNum = _d[1];
var _e = (0, react_1.useState)(false), collapsed = _e[0], setCollapsed = _e[1];
var handleChange = function (datas) {
var newSchema = {};
if (toolType === 'data-static') {
newSchema = tslib_1.__assign(tslib_1.__assign({}, schema), { data: {
total: datas.newTableData.length,
items: datas.newTableData
}, columns: datas.colList });
}
if (toolType === 'data-chart') {
newSchema = tslib_1.__assign({}, datas);
}
if (toolType === 'data-cross') {
newSchema = tslib_1.__assign(tslib_1.__assign({}, schema), { cross: datas.cross, crossColumns: datas.crossColumns, defaultData: datas.datas, affixRow: datas.countColumns, combineNum: datas.cross.positionType == 1 ? datas.cross.rowFields.length : undefined });
}
if (toolType === 'data-analysis') {
newSchema = {
tableSchema: tslib_1.__assign(tslib_1.__assign({}, schema.tableSchema), { data: {
total: datas.newTableData.length,
items: datas.newTableData
}, columns: datas.colList }),
chartSchema: datas.chartSchema
};
}
handleChangeData(tslib_1.__assign(tslib_1.__assign({}, newSchema), { name: (0, helper_1.uuid)() }));
};
var onCloseDialog = function () {
onCloseModal();
};
var renderFooter = function () {
return react_1.default.createElement("div", { className: "statics-footer", style: { display: 'flex', justifyContent: 'space-between' } },
react_1.default.createElement("div", null,
!isStatic && react_1.default.createElement(antd_1.Button, { disabled: loading, className: "tools-set-default", onClick: function () { return setDefaultNum(defaultNum + 1); } }, "\u8BBE\u7F6E\u9ED8\u8BA4\u503C"),
toolType !== 'data-cross' && react_1.default.createElement(antd_1.Button, { disabled: loading, className: "tools-reset-default", onClick: function () { return setResetNum(resetNum + 1); } }, "\u91CD\u7F6E")),
react_1.default.createElement("div", null,
react_1.default.createElement(antd_1.Button, { disabled: loading, type: "primary", onClick: function () { return setCalcNum(calcNum + 1); } }, "\u786E\u8BA4")));
};
return (react_1.default.createElement(DragModal_1.default, { getContainer: function () { return container || document.body; }, dialogVisible: true, title: title, centered: true, width: '90vw', drag: true, resizeable: true, min: true, maskClosable: false, setMaxSize: true, canClickBelowDom: true, mask: false, hide: hide, minHeight: 600, onHide: onHide, onCancel: onCloseDialog, forceCalcOnResize: true, className: "calc-result-modal common-modal-component", footer: renderFooter() },
react_1.default.createElement(antd_1.Spin, { spinning: loading },
react_1.default.createElement("div", { className: "calc-result-modal-body" },
react_1.default.createElement("div", { className: "calc-result-modal-body-condition", style: { width: collapsed ? '24px' : 'auto' } },
toolType === 'data-static' && !collapsed && react_1.default.createElement(Statics_1.default, { calcNum: calcNum, defaultNum: defaultNum, resetNum: resetNum, getAllData: getAllData, name: name, handleChange: handleChange, columns: columns, data: data, staticRecords: staticRecords, initValues: extraProps, setLoading: setLoading, loadDataOnce: loadDataOnce }),
toolType === 'data-chart' && !collapsed && react_1.default.createElement(Chartstic_1.default, { calcNum: calcNum, defaultNum: defaultNum, resetNum: resetNum, getAllData: getAllData, name: name, handleChange: handleChange, columns: columns, data: data, staticRecords: staticRecords, initValues: extraProps, setLoading: setLoading, loadDataOnce: loadDataOnce, crudTitle: crudTitle, primaryField: primaryField }),
toolType === 'data-cross' && !collapsed && react_1.default.createElement(Crosstics_1.default, { calcNum: calcNum, defaultNum: defaultNum, resetNum: resetNum, getAllData: getAllData, name: name, handleChange: handleChange, columns: columns, data: data, staticRecords: staticRecords, initValues: extraProps, setLoading: setLoading }),
toolType === 'data-analysis' && !collapsed && react_1.default.createElement(Analysis_1.default, { calcNum: calcNum, defaultNum: defaultNum, resetNum: resetNum, getAllData: getAllData, name: name, handleChange: handleChange, columns: columns, data: data, staticRecords: staticRecords, initValues: extraProps, setLoading: setLoading, loadDataOnce: loadDataOnce, crudTitle: crudTitle, primaryField: primaryField }),
collapsed ? react_1.default.createElement(icons_1.MenuUnfoldOutlined, { onClick: function () { return setCollapsed(false); } }) : react_1.default.createElement(icons_1.MenuFoldOutlined, { onClick: function () { return setCollapsed(true); } })),
react_1.default.createElement("div", { className: "calc-result-modal-body-result ".concat(toolType), key: schema.name },
react_1.default.createElement("div", { style: { height: toolType === 'data-analysis' ? '35%' : '100%' } }, render('', toolType === 'data-analysis' ? schema.tableSchema : schema, { getTableInstance: function () { }, getTableStore: function () { }, columnInfo: [] })),
toolType === 'data-analysis' && react_1.default.createElement("div", { style: { height: '65%' } }, render('', schema.chartSchema, { getTableInstance: function () { }, getTableStore: function () { }, columnInfo: [] })))))));
};
exports.default = ProcessToolsTabs;
//# sourceMappingURL=./renderers/Table/ProcessToolsModal/ProcessDataTabs.js.map