fastlion-amis
Version:
一种MIS页面生成工具
212 lines (211 loc) • 12.6 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var commonSelect_1 = require("../commonSelect");
var antd_1 = require("antd");
var lodash_1 = require("lodash");
var tools_1 = require("../../../utils/shell/tools");
var toolFunc_1 = require("../AbcAnalysis/toolFunc");
var chartTools_1 = require("../DataCharts/chartTools");
exports.default = (function (props) {
var loadDataOnce = props.loadDataOnce, getAllData = props.getAllData, handleChange = props.handleChange, columns = props.columns, data = props.data, staticRecords = props.staticRecords, initValues = props.initValues, calcNum = props.calcNum, defaultNum = props.defaultNum, resetNum = props.resetNum, name = props.name, setLoading = props.setLoading, primaryField = props.primaryField, crudTitle = props.crudTitle;
// A类数值
var _a = (0, react_1.useState)(initValues.aType), aType = _a[0], setAType = _a[1];
// B类数值
var _b = (0, react_1.useState)(initValues.bType), bType = _b[0], setBType = _b[1];
// 分类选中列表
var _c = (0, react_1.useState)(initValues.sortSelectes), sortSelectes = _c[0], setSortSelectes = _c[1];
// 统计选中列表
var _d = (0, react_1.useState)(initValues.statisticsSelects), statisticsSelects = _d[0], setStatisticsSelects = _d[1];
// 设置选中项
var _e = (0, react_1.useState)(initValues.settingType), settingType = _e[0], setSettingType = _e[1];
// 数据范围选中项
var _f = (0, react_1.useState)(initValues.dataArea), dataArea = _f[0], setDataArea = _f[1];
// 是否显示每一类的列表
var _g = (0, react_1.useState)(initValues.displayEachColumn), displayEachColumn = _g[0], setDisplayEachColumn = _g[1];
(0, react_1.useEffect)(function () {
calcNum > 0 && handleOk();
}, [calcNum]);
(0, react_1.useEffect)(function () {
defaultNum > 0 && setDefault();
}, [defaultNum]);
(0, react_1.useEffect)(function () {
resetNum > 0 && onReset();
}, [resetNum]);
// 校验函数
var check = function () {
if (!dataArea) {
return antd_1.message.info({
content: '请选择范围'
});
}
if (tools_1.tools.isEmpty(aType) && settingType === 'manual') {
return antd_1.message.info({
content: '请填写A类'
});
}
if (tools_1.tools.isEmpty(bType) && settingType === 'manual') {
return antd_1.message.info({
content: '请填写B类'
});
}
if (aType > bType && settingType === 'manual') {
return antd_1.message.info({
content: 'A类不得大于B类'
});
}
if (tools_1.tools.isEmpty(sortSelectes)) {
return antd_1.message.info({
content: '请选择分类'
});
}
if (tools_1.tools.isEmpty(statisticsSelects)) {
return antd_1.message.info({
content: '请选择统计值'
});
}
if (sortSelectes === statisticsSelects) {
return antd_1.message.info({
content: '分类不能和统计值相同'
});
}
return true;
};
var handleOk = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
var calcData, res, params, _a, tableData, tableColumns, list, chartSchema;
var _b;
return tslib_1.__generator(this, function (_c) {
switch (_c.label) {
case 0:
if (check() !== true)
return [2 /*return*/];
calcData = dataArea === 'all' ? (loadDataOnce ? data.itemRaws : [])
: (dataArea === 'some' ? data.selectedItems : data.items);
if (!(dataArea === 'all')) return [3 /*break*/, 2];
if (loadDataOnce && (!data.itemRaws || !data.itemRaws.length)) {
return [2 /*return*/, antd_1.message.warn({
content: '当前数据为空'
})];
}
if (!!loadDataOnce) return [3 /*break*/, 2];
setLoading(true);
return [4 /*yield*/, getAllData([sortSelectes, statisticsSelects].filter(function (item) { return !(0, lodash_1.isNil)(item); }))];
case 1:
res = _c.sent();
setLoading(false);
if (!res || !res.items || !res.items.length) {
return [2 /*return*/, antd_1.message.warn({
content: '当前数据为空'
})];
}
calcData = res.items;
_c.label = 2;
case 2:
params = {
dataArea: dataArea,
sortSelectes: sortSelectes,
statisticsSelects: statisticsSelects,
settingType: settingType,
aType: aType,
bType: bType,
displayEachColumn: displayEachColumn
};
_a = (0, toolFunc_1.getAbcTableData)(params, calcData, columns), tableData = _a.tableData, tableColumns = _a.tableColumns;
list = (0, toolFunc_1.getBasedCount)(calcData, sortSelectes, statisticsSelects);
chartSchema = (0, chartTools_1.getChartSchema)({
type: 'line-bar',
selectedXAxisData: sortSelectes,
selectedYAxisData: [statisticsSelects, 'countPer'],
data: list,
columns: tslib_1.__spreadArray(tslib_1.__spreadArray([], columns, true), [{
label: ((_b = columns.find(function (col) { return col.name === statisticsSelects; })) === null || _b === void 0 ? void 0 : _b.label) + '累计占有',
name: 'countPer',
type: 'number',
suffix: '%',
precision: 3,
isPercentage: true
}], false),
primaryField: primaryField !== null && primaryField !== void 0 ? primaryField : '',
barValue: [statisticsSelects],
chartTitle: crudTitle,
tableName: name
}, tableData);
handleChange({
newTableData: tableData,
colList: tableColumns,
chartSchema: chartSchema
});
staticRecords(145);
return [2 /*return*/];
}
});
}); };
var setDefault = function () {
var param = { sortSelectes: sortSelectes, statisticsSelects: statisticsSelects, aType: aType, bType: bType, settingType: settingType, displayEachColumn: displayEachColumn, dataArea: dataArea };
localStorage.setItem('analysis-' + name, JSON.stringify(param));
antd_1.message.success('设置成功！');
};
var onReset = function () {
var defaultValueStr = localStorage.getItem('analysis-' + name);
if (!(0, lodash_1.isNil)(defaultValueStr)) {
var defaultValues = JSON.parse(defaultValueStr);
setSortSelectes(defaultValues.sortSelectes);
setStatisticsSelects(defaultValues.statisticsSelects);
setAType(defaultValues.aType);
setBType(defaultValues.bType);
setSettingType(defaultValues.settingType);
setDisplayEachColumn(defaultValues.displayEachColumn);
setDataArea(defaultValues.dataArea);
}
else {
setSortSelectes(undefined);
setStatisticsSelects(undefined);
setAType(65);
setBType(85);
setSettingType('auto');
setDisplayEachColumn(false);
setDataArea('present');
}
};
var renderBody = function () {
return react_1.default.createElement("div", null,
react_1.default.createElement("div", { className: "select-wrapper-group-container" },
react_1.default.createElement(commonSelect_1.SelectWrapperGroup, { label: "\u5206\u7C7B", type: 'single', data: initValues.sortData, defaultValue: [sortSelectes], onChange: function (_a) {
var value = _a[0];
setSortSelectes(value);
} }),
react_1.default.createElement(commonSelect_1.SelectWrapperGroup, { label: "\u7EDF\u8BA1\u503C", type: 'single', data: initValues.statisticsFields, defaultValue: [statisticsSelects], onChange: function (_a) {
var value = _a[0];
setStatisticsSelects(value);
} })),
react_1.default.createElement(antd_1.Row, { className: 'tools-area abc-setting-item' },
react_1.default.createElement(antd_1.Col, { span: 24, className: 'tools-label' },
react_1.default.createElement("span", null, "\u8BBE\u7F6E")),
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { span: 24 },
react_1.default.createElement(antd_1.Radio.Group, { value: settingType, onChange: function (e) { return setSettingType(e.target.value); } },
react_1.default.createElement(antd_1.Radio, { value: 'auto', className: 'abc-setting-item-radio' }, "\u81EA\u52A8\u5BFB\u627E"),
react_1.default.createElement(antd_1.Radio, { value: 'manual', className: 'abc-setting-item-radio' }, "\u624B\u5DE5\u8BBE\u7F6E"))),
react_1.default.createElement(antd_1.Col, { span: 24 },
react_1.default.createElement("div", { className: 'abc-type-setting-container' },
react_1.default.createElement("div", { className: 'abc-type-setting' },
react_1.default.createElement("span", { className: 'manual-type' }, "A\u7C7B\uFF1A \u00A00% - "),
react_1.default.createElement(antd_1.InputNumber, { min: 0, max: 80, width: 60, disabled: settingType === 'auto', formatter: function (value) { return "".concat(value, "%"); }, parser: function (value) { return value.replace('%', ''); }, onChange: function (value) { return setAType(value); }, value: aType })),
react_1.default.createElement("div", { className: 'abc-type-setting' },
react_1.default.createElement("span", { className: 'manual-type' },
"B\u7C7B\uFF1A ",
aType,
"% - "),
react_1.default.createElement(antd_1.InputNumber, { min: 0, max: 100, disabled: settingType === 'auto', formatter: function (value) { return "".concat(value, "%"); }, parser: function (value) { return value.replace('%', ''); }, onChange: function (value) { return setBType(value); }, value: bType })),
react_1.default.createElement("div", { style: { lineHeight: '32px' }, className: 'manual-type' },
"C\u7C7B\uFF1A ",
bType,
"% - 100%"))))),
react_1.default.createElement(commonSelect_1.DataArea, { value: dataArea, className: "static-data-area", onChange: function (e) { return setDataArea(e.target.value); } }),
react_1.default.createElement(antd_1.Row, { className: 'mg-top15' },
react_1.default.createElement(antd_1.Checkbox, { checked: displayEachColumn, onChange: function (e) { return setDisplayEachColumn(e.target.checked); } }, "\u663E\u793A\u6BCF\u4E00\u7C7B\u7684\u5217\u8868")));
};
return renderBody();
});
//# sourceMappingURL=./renderers/Table/ProcessToolsModal/Analysis.js.map