ming-demo3/lib/components/meta/Filterkanban.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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireWildcard(require("react"));

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

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

var _reactRedux = require("react-redux");

var _redux = require("redux");

var _util = require("@mdf/cube/lib/helpers/util");

var filterredux = _interopRequireWildcard(require("../../redux/filterscheme"));

var portalactions = _interopRequireWildcard(require("../../redux/portal"));

var _filtermodal = _interopRequireDefault(require("../filter/filtermodal"));

var parseContainer = null;

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

  function Filterkanban(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, Filterkanban);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Filterkanban).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBodyClick", function (e) {
      var tag = e.target.className;

      if (tag == "kanban_edit" || tag == "set_default" || tag == "set_delete" || tag == "kanban_noedit") {
        if (e.stopPropagation) {
          e.stopPropagation();
          e.preventDefault();
        }
      }

      document.body.removeEventListener('click', _this.handleBodyClick);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (id) {
      var _this$props = _this.props,
          viewModel = _this$props.viewModel,
          index = _this$props.index;
      var params = viewModel.getParams();
      var changedata = {
        "isInPanel": true,
        "solutionId": id
      };

      if (id) {
        Object.assign(params, changedata);
      }

      var data = {
        billtype: params.billType,
        billno: params.billNo,
        params: params
      };

      var callback = function callback(vm, viewmeta, title) {
        delete viewmeta.view.templateType;

        _this.props.portalactions.addItem(index, {
          title: title,
          content: {
            vm: vm,
            metaData: viewmeta
          },
          params: data,
          parent: viewModel
        });
      };

      cb.loader.runCommandLine('bill', data, null, callback);
    });

    var _params = props.viewModel.getParams();

    var filterId = props.config && props.config.filterid || _params.filterId;
    var ID = props.viewModel.id;
    var cardKey = _params.cardKey;
    parseContainer = require('./util').parseContainer;
    var billnum = _params.billNo;
    _this.state = {
      filterlist: [],
      filterId: filterId,
      showScheme: false,
      modelId: ID,
      cardKey: cardKey,
      id: null,
      queryCheckValue: [],
      ValueList: [],
      InputValue: '',
      editid: null,
      checkedValue: [],
      checkedValue2: [],
      IsdefaultValue: 0,
      iskanban: false,
      AllFilterModel: [],
      billnum: billnum
    };
    return _this;
  }

  (0, _createClass2["default"])(Filterkanban, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var billnum = this.state.billnum;
      this.props.filterredux.init(this.state.modelId);
      this.props.filterredux.getkanbanData(this.state.modelId, this.state.filterId, billnum);
    }
  }, {
    key: "filterboard",
    value: function filterboard() {
      var _this3 = this;

      var _this$state = this.state,
          showDele = _this$state.showDele,
          filterId = _this$state.filterId;
      var itemcardlist = [];
      var filterlist = [];
      var filterdata = this.props.filterscheme;
      var id = this.state.modelId;
      var filterscheme = Object.keys(filterdata);
      if (filterscheme.length == 0) return;else {
        for (var key in filterdata) {
          if (key == id) {
            filterlist = filterdata[key].schemeList;
          }
        }
      }
      filterlist.forEach(function (element, index) {
        var _this2 = this;

        var isDefault = element.isDefault ? element.isDefault : false;
        var itemdefault = isDefault ? _react["default"].createElement("div", {
          className: "print-card-btn-default"
        }, _react["default"].createElement("div", {
          className: "kanban_default"
        }, _react["default"].createElement("span", {
          className: "kanban_deItem"
        }, "\u9ED8\u8BA4"))) : _react["default"].createElement("span", null);

        var itemEnter = _react["default"].createElement("span", {
          className: "item_default"
        }, isDefault ? null : _react["default"].createElement("a", {
          className: "set_default",
          onClick: function onClick(e) {
            return _this2.setDefaultScheme(element.id, e);
          }
        }, "\u8BBE\u4E3A\u9ED8\u8BA4"), _react["default"].createElement("a", {
          className: isDefault ? "kanban_edit" : "kanban_noedit",
          onClick: function onClick(e) {
            return _this2.editSchemeInfo(element.id, e);
          }
        }, "\u8BBE\u7F6E"), isDefault ? null : _react["default"].createElement("a", {
          className: "set_delete",
          onClick: function onClick(e) {
            return _this2.deleteScheme(element.id, filterId, e);
          }
        }, "\u5220\u9664"));

        var itemcard = _react["default"].createElement(_baseui.Col, {
          className: "kanban_col",
          key: index,
          onClick: function onClick() {
            return _this2.handleClick(element.id);
          }
        }, _react["default"].createElement("div", {
          className: "print-card"
        }, _react["default"].createElement("span", null, element.solutionName ? element.solutionName : element.id), _react["default"].createElement("div", {
          className: "print-card-header"
        }, itemdefault), _react["default"].createElement("div", {
          className: "print-card-title"
        }, element.recordata.recordCount), _react["default"].createElement("div", {
          className: "print-card-operation"
        }, itemEnter)));

        itemcardlist.push(itemcard);
      }, this);
      return _react["default"].createElement(_baseui.Row, {
        colCount: 4,
        className: "kanban_row"
      }, itemcardlist, _react["default"].createElement(_baseui.Col, {
        className: "kanban_addstyle",
        onClick: function onClick() {
          return _this3.addScheme();
        }
      }, _react["default"].createElement("div", {
        className: "kanban_addCard"
      }, _react["default"].createElement(_baseui.Icon, {
        type: 'tianjiashuliang'
      }), _react["default"].createElement("span", {
        className: "kanban_additem"
      }, "\u65B0\u589E\u65B9\u6848"))));
    }
  }, {
    key: "addScheme",
    value: function addScheme() {
      this.props.filterredux.AddScheme(true, this.state.modelId);

      if (this.props.filterscheme[this.state.modelId].bEdit) {
        this.props.filterredux.Isedit(!this.props.filterscheme[this.state.modelId].bEdit, this.state.modelId);
      }

      if (this.props.filterscheme[this.state.modelId].isdefault) {
        this.props.filterredux.IsDefault(!this.props.filterscheme[this.state.modelId].isdefault, this.state.modelId);
      }

      if (this.props.filterscheme[this.state.modelId].queryVisible) {
        this.props.filterredux.openQuerylist(false, this.state.modelId);
      }
    }
  }, {
    key: "setDefaultScheme",
    value: function setDefaultScheme(defaultid, e) {
      var billnum = this.state.billnum;
      document.body.addEventListener('click', this.handleBodyClick(e));
      this.props.filterredux.setKanbanDefaultScheme(defaultid, this.state.filterId, this.state.modelId, billnum);
    }
  }, {
    key: "deleteScheme",
    value: function deleteScheme(id, filtersId, e) {
      var self = this;
      var billnum = self.state.billnum;
      document.body.addEventListener('click', this.handleBodyClick(e));
      this.props.filterredux.deleteKanbanScheme(id, filtersId, this.state.modelId, billnum);
    }
  }, {
    key: "editSchemeInfo",
    value: function editSchemeInfo(id, e) {
      document.body.addEventListener('click', this.handleBodyClick(e));
      this.props.filterredux.displayedit(id, this.state.modelId);
    }
  }, {
    key: "IsEnterSchemeitem",
    value: function IsEnterSchemeitem(bEnter, e, id) {
      this.props.filterredux.IsEnterSchemeitem(bEnter, id, this.state.modelId);
    }
  }, {
    key: "render",
    value: function render() {
      var _this$props2 = this.props,
          meta = _this$props2.meta,
          viewModel = _this$props2.viewModel,
          height = _this$props2.height,
          index = _this$props2.index;
      var _this$state2 = this.state,
          showScheme = _this$state2.showScheme,
          filterId = _this$state2.filterId,
          cardKey = _this$state2.cardKey,
          modelId = _this$state2.modelId,
          billnum = _this$state2.billnum;
      Object.assign(meta.containers[0], {
        "showScheme": showScheme
      });
      var container = parseContainer(meta.containers[0], viewModel, this.width, height, index, this.hasTree, this.handleClick);

      var filterscheme = _react["default"].createElement(_filtermodal["default"], {
        filterId: filterId,
        Id: modelId,
        cardKey: cardKey,
        viewModel: viewModel,
        billnum: billnum
      });

      var filterboard = this.filterboard();
      return _react["default"].createElement("div", {
        className: "voucher-list container-browse-mode container-less-height"
      }, _react["default"].createElement("div", {
        className: "height-100"
      }, container, filterboard, filterscheme));
    }
  }]);
  return Filterkanban;
}(_react.Component);

function mapStateToProps(state) {
  return {
    filterscheme: state.filterscheme.toJS()
  };
}

function mapDispatchToProps(dispatch) {
  return {
    filterredux: (0, _redux.bindActionCreators)(filterredux, dispatch),
    portalactions: (0, _redux.bindActionCreators)(portalactions, dispatch)
  };
}

var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Filterkanban);

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