ming-demo3/lib/components/refer/ReferView.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 _react = _interopRequireWildcard(require("react"));

var _reactDom = require("react-dom");

var _baseui = require("@mdf/baseui");

var _ReferToolbar = _interopRequireDefault(require("./ReferToolbar"));

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

var _SearchTree = _interopRequireDefault(require("../meta/SearchTree"));

var _ReferTable = _interopRequireDefault(require("./ReferTable"));

var _ReferPagination = _interopRequireDefault(require("./ReferPagination"));

var _env = _interopRequireDefault(require("../../helpers/env"));

var _filter = _interopRequireDefault(require("../filter"));

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

  function ReferView(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, ReferView);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ReferView).call(this, props));
    _this.state = {
      className: _env["default"].INTERACTIVE_MODE === 'touch' ? ' refer-modal-touch' : '',
      referType: _this.props.referType,
      bodyHeight: 0,
      tableHeight: 0
    };
    _this.__isElectronic = false;
    return _this;
  }

  (0, _createClass2["default"])(ReferView, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      if (window.__isElectronic) this.__isElectronic = true;
      var referType = this.props.referType;
      var bodyHeight = 495,
          tHeight;

      switch (referType) {
        case 'Table':
          bodyHeight = 495;

          if (this.__isElectronic) {
            bodyHeight = 395;
            tHeight = bodyHeight - 52;
          } else {
            tHeight = bodyHeight - 93;
          }

          break;

        case 'TreeTable':
          bodyHeight = 515;
          if (this.__isElectronic) bodyHeight = 415;
          tHeight = bodyHeight - 60;
          break;
      }

      this.setState({
        bodyHeight: bodyHeight,
        tableHeight: tHeight
      });
    }
  }, {
    key: "render",
    value: function render() {
      var referType = this.state.referType;
      var model = this.props.model;
      var key = model && model.getParams().refCode;
      var treeContent = '';
      var cardContent = '';
      var className = 'referModal ' + referType + this.state.className;

      if (referType == 'Tree') {
        treeContent = _react["default"].createElement(_basic.Col, {
          span: 24,
          className: "leftPanel"
        }, _react["default"].createElement(_basic.Row, {
          colCount: 2
        }, _react["default"].createElement(_basic.Col, {
          span: 1
        }, _react["default"].createElement(_SearchTree["default"], {
          model: model.get('tree')
        }))));
      } else if (referType == 'TreeTable') {
        treeContent = _react["default"].createElement("div", {
          className: "leftPanel"
        }, _react["default"].createElement(_SearchTree["default"], {
          text: "".concat(this.props.title, "\u5206\u7C7B"),
          model: model.get('tree')
        }));
        var filterId = model.getParams().filterId;
        var width = 800;

        if (_env["default"].INTERACTIVE_MODE === 'touch') {
          if (this.__isElectronic) {
            width = 690;
          } else {
            width = 790;
          }
        }

        cardContent = _react["default"].createElement("div", {
          className: "rightPanel"
        }, _react["default"].createElement(_basic.Row, {
          ref: "ReferToolbar"
        }, filterId ? _react["default"].createElement(_filter["default"], {
          model: model,
          cols: 2
        }) : null, _react["default"].createElement(_ReferToolbar["default"], {
          model: model,
          filterId: filterId
        })), _react["default"].createElement(_basic.Row, null, _react["default"].createElement(_ReferTable["default"], {
          model: model.get('table'),
          width: width,
          maxRowCount: 10,
          height: this.state.tableHeight
        })));
      } else if (referType == 'Table') {
        var _filterId = model.getParams().filterId;
        cardContent = _react["default"].createElement(_basic.Col, {
          span: 24,
          className: "rightPanel"
        }, _react["default"].createElement(_basic.Row, {
          ref: "ReferToolbar"
        }, _filterId ? _react["default"].createElement(_filter["default"], {
          model: model,
          cols: 2
        }) : null, _react["default"].createElement(_ReferToolbar["default"], {
          model: model,
          filterId: _filterId
        })), _react["default"].createElement(_basic.Row, null, _react["default"].createElement(_ReferTable["default"], {
          model: model.get('table'),
          width: this.__isElectronic ? 900 : 1000,
          maxRowCount: 10,
          height: this.state.tableHeight
        })));
      } else if (referType === 'TreeList') {
        var _filterId2 = model.getParams().filterId;
        cardContent = _react["default"].createElement(_basic.Col, {
          span: 24,
          className: "rightPanel"
        }, _react["default"].createElement(_basic.Row, {
          ref: "ReferToolbar"
        }, _filterId2 ? _react["default"].createElement(_filter["default"], {
          model: model,
          cols: 2
        }) : null, _react["default"].createElement(_ReferToolbar["default"], {
          model: model,
          filterId: _filterId2
        })), _react["default"].createElement(_basic.Row, null, _react["default"].createElement(_basic.TreeTable, {
          model: model.get('tree'),
          width: this.__isElectronic ? 900 : 1000,
          maxRowCount: 10,
          height: this.state.tableHeight,
          actionMeta: {
            controls: []
          }
        })));
      }

      return _react["default"].createElement(_basic.Row, {
        colCount: 24,
        id: key
      }, treeContent, cardContent);
    }
  }]);
  return ReferView;
}(_react.Component);

exports["default"] = ReferView;
//# sourceMappingURL=ReferView.js.map