ming-demo3/lib/components/meta/TotalContainerOld.js

mdf metaui web

"use strict";

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 _react = _interopRequireWildcard(require("react"));

var _basic = require("../basic");

var TotalContainerOld = function (_Component) {
  (0, _inherits2["default"])(TotalContainerOld, _Component);

  function TotalContainerOld() {
    (0, _classCallCheck2["default"])(this, TotalContainerOld);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TotalContainerOld).apply(this, arguments));
  }

  (0, _createClass2["default"])(TotalContainerOld, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          meta = _this$props.meta,
          viewModel = _this$props.viewModel;
      var controlModel = viewModel.get(meta.cCode);
      return _react["default"].createElement(Total, {
        code: meta.cGroupCode,
        model: controlModel
      });
    }
  }]);
  return TotalContainerOld;
}(_react.Component);

exports["default"] = TotalContainerOld;

var Total = function (_Component2) {
  (0, _inherits2["default"])(Total, _Component2);

  function Total(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, Total);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Total).call(this, props));
    _this.state = {
      controls: []
    };
    return _this;
  }

  (0, _createClass2["default"])(Total, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      if (this.props.model) this.props.model.addListener(this);
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      if (this.props.model) this.props.model.removeListener(this);
    }
  }, {
    key: "setListenerState",
    value: function setListenerState(params) {
      var _this2 = this;

      var code = this.props.code;
      this.totalFields = {};
      var controls = [];
      (0, _forEach2["default"])(params.columns, function (item, key) {
        var config = null;

        try {
          config = JSON.parse(item.cStyle);
        } catch (e) {
          config = {};
        }

        if (!config.highlight) return;
        if (config.code && config.code !== code) return;
        var totalField = {
          caption: item.cShowCaption,
          value: 0
        };
        _this2.totalFields[key] = totalField;
        controls.push(totalField);
      });
      this.setState({
        controls: controls
      });
    }
  }, {
    key: "setSum",
    value: function setSum(sumData) {
      if (!sumData.length) sumData = [{}];
      var controls = [];
      (0, _forEach2["default"])(this.totalFields, function (item, key) {
        controls.push({
          caption: item.caption,
          value: sumData[0][key] || 0
        });
      });
      this.setState({
        controls: controls
      });
    }
  }, {
    key: "render",
    value: function render() {
      var controls = this.state.controls;
      if (!controls.length) return null;
      var itemClassName = "rpt-zhekou-".concat(controls.length === 1 ? 'padding' : 'center');
      var children = [];
      var width = 100 / controls.length;
      controls.forEach(function (item) {
        children.push(_react["default"].createElement("div", {
          className: "rpt-zhekou-list",
          style: {
            "float": 'left',
            width: width + '%'
          }
        }, _react["default"].createElement("div", {
          className: "zhekou-name"
        }, _react["default"].createElement("h3", {
          className: itemClassName
        }, item.caption)), _react["default"].createElement("div", {
          className: "zhekou-number"
        }, _react["default"].createElement("h4", {
          className: itemClassName
        }, item.value))));
      });
      return _react["default"].createElement(_basic.Row, {
        className: "rpt-zhekou"
      }, children);
    }
  }]);
  return Total;
}(_react.Component);
//# sourceMappingURL=TotalContainerOld.js.map