ming-demo3
Version:
mdf metaui web
340 lines (295 loc) • 11.5 kB
JavaScript
;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _forEach2 = _interopRequireDefault(require("lodash/forEach"));
var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
var _react = _interopRequireWildcard(require("react"));
var _row = _interopRequireDefault(require("../../../basic/row"));
var _util = require("@mdf/cube/lib/helpers/util");
var eChartCommon = _interopRequireWildcard(require("../../eChartCommon"));
var eChartProxy = _interopRequireWildcard(require("../../eChartProxy"));
var _reactCountup = _interopRequireDefault(require("react-countup"));
var eChartSumCountUp = function (_Component) {
(0, _inherits2["default"])(eChartSumCountUp, _Component);
function eChartSumCountUp(props) {
var _this;
(0, _classCallCheck2["default"])(this, eChartSumCountUp);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartSumCountUp).call(this, props));
eChartCommon.LogChartInfo(" eChartSumCountUp props.sumConfig ", JSON.stringify(props.sumConfig), 16);
_this.state = {
panelType: props.panelType ? props.panelType : 1,
condition: props.sumConfig.condition,
sumConfig: props.sumConfig,
totalFields: {},
controls: [],
data: {}
};
_this.oldValue = 0;
_this.numPoint = 0;
return _this;
}
(0, _createClass2["default"])(eChartSumCountUp, [{
key: "componentDidMount",
value: function componentDidMount() {
this.setSumFileds(this.state.sumConfig.sumFields);
this.setSum([{}]);
this.getData();
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
var self = this;
if (self._timer) {
clearInterval(self._timer);
self._timer = null;
}
;
self._unmount = true;
}
}, {
key: "getData",
value: function getData() {
var self = this;
var sumConfig = this.state.sumConfig;
if (self.state.condition && sumConfig.billnum) {
if (this.state.panelType == 1) {
self.checkTimer();
}
var queryParams = {
billnum: sumConfig.billnum,
condition: self.state.condition,
isOnlyTotal: true
};
var date1;
var date2;
var callback = function callback(json) {
date2 = new Date().getTime();
eChartCommon.LogChartInfo("获取图形报表 /report/list 本次List请求结束 时间 （秒） =" + parseInt(date2 - date1) / 1000 + " json.code = " + json.code + " json.message = " + json.message + " queryParams ", JSON.stringify(queryParams), 15);
if (json.code === 200) {
var sumData = json.data.sumRecordList;
self.setSum(sumData);
} else {
eChartCommon.LogChartInfo("获取图形报表数据Err 查询参数 =" + JSON.stringify(queryParams) + " 返回错误信息 ", json.message, 999);
}
};
date1 = new Date().getTime();
eChartCommon.LogChartInfo("获取图形报表 /report/list 本次List请求开始 时间 =" + Date() + " queryParams ", JSON.stringify(queryParams), 15);
queryParams.isFromKanban = true;
eChartProxy.doProxy(eChartProxy.url.reportList, 'POST', eChartCommon.trimCondition((0, _cloneDeep2["default"])(queryParams)), callback);
}
}
}, {
key: "checkTimer",
value: function checkTimer() {
var self = this;
if (self._timer == undefined && self.state.panelType == 1) {
var refreshInterval = self.state.sumConfig.refreshInterval;
if (isNaN(refreshInterval)) return;
refreshInterval = Number(refreshInterval);
if (Number.isInteger(refreshInterval) == false) {
eChartCommon.LogChartInfo("大屏汇总区域设置的自动刷新间隔错误。 refreshInterval ", refreshInterval, 999);
return;
}
if (refreshInterval == 0) {
eChartCommon.LogChartInfo("大屏汇总区域设置不自动刷新。 refreshInterval ", refreshInterval, 6);
return;
}
if (refreshInterval < 5) {
eChartCommon.LogChartInfo("大屏汇总区域设置的自动刷新间隔太短。 refreshInterval ", refreshInterval, 999);
return;
}
self._timer = setInterval(function () {
if (self.props.showIt == true) {
self.getData();
}
}, refreshInterval * 1000);
}
}
}, {
key: "setSumFileds",
value: function setSumFileds(sumFields) {
sumFields.sort(function (a, b) {
return a.iOrder - b.iOrder;
});
var totalFields = {};
var controls = [];
(0, _forEach2["default"])(sumFields, function (item) {
if (item.bSelected) {
var totalField = {
caption: item.showCaption || item.caption,
value: 0,
postfix: item.postfix
};
totalFields[item.key] = totalField;
controls.push(totalField);
}
});
this.state.totalFields = totalFields;
this.state.controls = controls;
eChartCommon.LogChartInfo(" setSumFileds controls = ", JSON.stringify(controls), 6);
}
}, {
key: "setSum",
value: function setSum(sumData) {
var totalFields = this.state.totalFields;
if (!sumData) sumData = [{}];
var controls = [];
(0, _forEach2["default"])(totalFields, function (item, key) {
controls.push({
caption: item.caption,
value: sumData[0][key] || 0,
postfix: item.postfix
});
});
this.setState({
controls: controls
});
eChartCommon.LogChartInfo(" setSum controls = ", JSON.stringify(controls), 6);
}
}, {
key: "getNumPoint",
value: function getNumPoint(value) {
var numPoint = 0;
var tmp = 'A' + value;
if (tmp.indexOf(".") >= 0) {
numPoint = tmp.length - tmp.lastIndexOf(".") - 1;
if (numPoint < 0) numPoint = 0;
}
return numPoint;
}
}, {
key: "formatNumpoint",
value: function formatNumpoint(value) {
var tmp = parseFloat(value).toFixed(this.numPoint);
return tmp;
}
}, {
key: "domFun",
value: function domFun(value) {
var self = this;
var bUseQianSplit = self.state.sumConfig.bUseQianSplit;
var numDom = "";
if (value) {
var num = [];
value = self.formatNumpoint(value);
num = ('' + value).split("");
if (bUseQianSplit) {
var num2 = [];
var numPoint = self.numPoint;
num = num.reverse();
var count = 0;
num.forEach(function (item, index) {
if (item == ".") {
numPoint = 0;
count = -1;
}
if (count == 3) {
num2.push(",");
count = 0;
}
num2.push(item);
if (numPoint <= 0) count = count + 1;
});
num = num2.reverse();
}
var dataNum = num.length;
num.forEach(function (item, index) {
if (item.match('^[0-9]*$')) {
numDom += '<span class="' + self.getClassNamePrifx("eChartSumCountUp") + '-Num">' + item + '</span>';
} else if (item == ".") {
numDom += '<span class="' + self.getClassNamePrifx("eChartSumCountUp") + '-Point">' + item + '</span>';
} else if (item == ",") {
numDom += '<span class="' + self.getClassNamePrifx("eChartSumCountUp") + '-Split">' + item + '</span>';
}
});
}
return numDom;
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate() {
this.oldValue = this.newValue;
}
}, {
key: "getClassNamePrifx",
value: function getClassNamePrifx(className) {
if (this.state.panelType == 2) className = className + "2";
return className;
}
}, {
key: "render",
value: function render() {
var self = this;
var sumConfig = self.state.sumConfig;
var controls = self.state.controls;
var skinStyle_Value = {};
var skinStyle_Caption = {};
if (!!self.props.skinConfig && self.props.skinConfig.displaySkin) {
skinStyle_Value.color = self.props.skinConfig.displaySkin.chartSum_NumColor;
skinStyle_Caption.color = self.props.skinConfig.displaySkin.textColor2;
} else if (this.state.panelType == 2) {
skinStyle_Caption.color = eChartCommon.panelDefaultValue.panel2SumTextColor;
}
skinStyle_Caption.fontSize = Number(sumConfig.fontSize) || 12;
skinStyle_Value.fontSize = Number(sumConfig.valueFontSize) || 24;
eChartCommon.LogChartInfo(" controls = ", JSON.stringify(controls), 6);
var sumArr = null;
if (!!controls.length) {
var item = controls[0];
self.newValue = item.value ? item.value : 0;
self.numPoint = self.getNumPoint(self.newValue);
eChartCommon.LogChartInfo(" eChartSumCountUp self.newValue= " + self.newValue.toString() + " numPoint ", self.numPoint, 900);
sumArr = _react["default"].createElement("div", {
className: self.getClassNamePrifx("eChartSumCountUp") + "-Inner",
style: {
"float": 'left',
width: '100%',
overflow: 'hidden'
}
}, _react["default"].createElement("div", {
className: self.getClassNamePrifx("eChartSumCountUp") + "-Caption",
style: skinStyle_Caption,
title: item.value
}, item.caption), _react["default"].createElement("div", {
className: self.getClassNamePrifx("eChartSumCountUp") + "-Value",
style: skinStyle_Value
}, _react["default"].createElement(_reactCountup["default"], {
style: skinStyle_Value,
start: self.oldValue,
end: self.newValue,
duration: 3,
decimals: self.numPoint,
decimal: ".",
formattingFn: function formattingFn(value) {
return self.domFun(value);
}
})));
}
var style = {
height: '100%',
width: '100%',
textAlign: ' center',
alignItems: 'center',
display: 'flex'
};
if (sumConfig.hasOwnProperty("fontSize")) style.fontSize = sumConfig.fontSize;
if (sumConfig.hasOwnProperty("fontFamily")) style.fontFamily = sumConfig.fontFamily;
return _react["default"].createElement("div", {
className: self.getClassNamePrifx("eChartSumCountUp") + "-Outer",
style: style
}, sumArr);
}
}]);
return eChartSumCountUp;
}(_react.Component);
exports["default"] = eChartSumCountUp;
//# sourceMappingURL=eChartSumCountUp.js.map