ming-demo3
Version:
mdf metaui web
460 lines (403 loc) • 15.5 kB
JavaScript
"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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
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 _baseui = require("@mdf/baseui");
var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));
var filterredux = _interopRequireWildcard(require("../../redux/filterscheme"));
var _redux = require("redux");
var _reactRedux = require("react-redux");
var _util = require("@mdf/cube/lib/helpers/util");
var BasicComponents = _interopRequireWildcard(require("../basic"));
var _filterDefined = _interopRequireDefault(require("./filterDefined"));
var _filtermodal = _interopRequireDefault(require("./filtermodal"));
var _propTypes = require("prop-types");
var BasicComponentsMap = {};
for (var attr in BasicComponents) {
BasicComponentsMap[attr.toLocaleLowerCase()] = BasicComponents[attr];
}
var FilterScheme = function (_Component) {
(0, _inherits2["default"])(FilterScheme, _Component);
function FilterScheme(props) {
var _this;
(0, _classCallCheck2["default"])(this, FilterScheme);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(FilterScheme).call(this, props));
_this.state = {
definedVisible: false,
checked: [],
IsdefaultValue: 0,
filterId: _this.props.filterId,
modelId: _this.props.Id,
cardKey: _this.props.cardKey,
visible: false,
id: null,
showDele: true,
User: false,
userData: {}
};
return _this;
}
(0, _createClass2["default"])(FilterScheme, [{
key: "componentDidMount",
value: function componentDidMount() {
var kanbanid = this.props.model.getParams().solutionId ? this.props.model.getParams().solutionId : null;
this.props.filterredux.init(this.state.modelId);
this.props.filterredux.getSchemeListData(this.state.modelId, this.state.filterId, kanbanid);
}
}, {
key: "getauthority",
value: function () {
var _getauthority = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
var config, json, user;
return _regenerator["default"].wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
config = {
url: '/user/operation/batchcheck/LoginUser-authCodes-userdef_filter',
method: 'GET'
};
_context.next = 3;
return (0, _util.proxy)(config);
case 3:
json = _context.sent;
if (!(json.code !== 200)) {
_context.next = 6;
break;
}
return _context.abrupt("return");
case 6:
user = json.data["LoginUser-authCodes-userdef_filter"];
this.setState({
User: user,
userData: json.data,
visible: !this.state.visible,
definedVisible: false,
id: null
});
case 8:
case "end":
return _context.stop();
}
}
}, _callee, this);
}));
function getauthority() {
return _getauthority.apply(this, arguments);
}
return getauthority;
}()
}, {
key: "handleVisibleChange",
value: function handleVisibleChange() {
var userData = this.state.userData;
if (JSON.stringify(userData) == '{}') {
this.getauthority();
} else {
this.setState({
visible: !this.state.visible,
definedVisible: false,
id: null
});
}
}
}, {
key: "getSchemeListRender",
value: function getSchemeListRender() {
var _this3 = this;
var schemeList = this.props.filterscheme[this.state.modelId].schemeList;
var currentId = this.props.filterscheme[this.state.modelId].currentId;
var showDele = this.state.showDele;
var User = this.state.User;
var renderList = [];
var filteradd = null;
if (schemeList && schemeList.length > 0) {
schemeList.forEach(function (element, index) {
var _this2 = this;
var item;
var isChecked = element.id == currentId ? true : false;
var itemChecked = isChecked ? _react["default"].createElement("span", {
className: "groupCondition-Checked"
}, _react["default"].createElement("i", {
className: "anticon icon-xuanzhong1",
checked: isChecked
}), " ") : _react["default"].createElement("span", {
className: "groupCondition-Checked"
});
var isDefault = element.isDefault ? element.isDefault : false;
var itemDefault = isDefault ? _react["default"].createElement("span", {
className: "groupCondition-Default"
}, " ", _react["default"].createElement("span", {
className: "crossdefault-btn"
}, "\u9ED8\u8BA4"), " ") : _react["default"].createElement("span", {
className: "groupCondition-Default"
});
var isMouseEnter = element.isMouseEnter ? element.isMouseEnter : false;
var itemEnter = isMouseEnter ? _react["default"].createElement("span", {
className: "groupCondition-MouseEnter"
}, isDefault ? null : _react["default"].createElement("span", {
className: "stopclose",
onClick: function onClick(e) {
return _this2.setDefaultScheme(element.id, e);
}
}, "\u8BBE\u4E3A\u9ED8\u8BA4"), _react["default"].createElement("span", {
onClick: function onClick() {
return _this2.editSchemeInfo(element.id);
}
}, "\u8BBE\u7F6E"), _react["default"].createElement("span", {
className: "Noclose",
onClick: function onClick() {
return _this2.deleteScheme(element.id, _this2.state.filterId);
},
style: {
display: showDele == true ? 'inline' : 'none'
}
}, "\u5220\u9664")) : _react["default"].createElement("span", {
className: "groupCondition-MouseEnter"
});
item = _react["default"].createElement(_baseui.Row, {
key: index,
style: {
minHeight: "25px"
},
onMouseEnter: function onMouseEnter(e) {
return _this2.IsEnterSchemeitem(true, e, element.id);
},
onMouseLeave: function onMouseLeave(e) {
return _this2.IsEnterSchemeitem(false, e, element.id);
}
}, itemChecked, _react["default"].createElement("span", {
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this2.chooseScheme(element.id);
}
}, " ", element.solutionName ? element.solutionName : element.id), itemDefault, itemEnter);
renderList.push(item);
}, this);
}
if (User) {
filteradd = _react["default"].createElement("div", {
className: "defined_button",
onClick: function onClick() {
return _this3.openDefined();
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "zidingyitiaozheng"
}), "\u81EA\u5B9A\u4E49\u8FC7\u6EE4\u6761\u4EF6");
} else {
filteradd = null;
}
return _react["default"].createElement("div", {
className: "scheme-List group-add-grouping-count defined-filterItem",
style: {
paddingBottom: 60
}
}, _react["default"].createElement("div", {
className: "scheme-List-content",
style: {
overflow: "auto",
maxHeight: "258px",
paddingBottom: "2px"
}
}, renderList), _react["default"].createElement("div", {
className: "add-scheme group-add-grouping",
style: {
height: 76
}
}, _react["default"].createElement("div", {
className: "add-scheme-button",
onClick: function onClick() {
return _this3.AddScheme();
},
style: {
cursor: "pointer"
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "plus"
}), "\u65B0\u589E\u65B9\u6848"), filteradd));
}
}, {
key: "openDefined",
value: function openDefined() {
this.handleVisibleChange();
this.setState({
definedVisible: true
});
}
}, {
key: "IsEnterSchemeitem",
value: function IsEnterSchemeitem(bEnter, e, id) {
var self = this;
this.props.filterredux.IsEnterSchemeitem(bEnter, id, this.state.modelId);
var schemeList = this.props.filterscheme[this.state.modelId].schemeList;
if (schemeList && schemeList.length > 0) {
schemeList.forEach(function (ele, index) {
var isDefault = ele.isDefault;
if (id == ele.id) {
if (isDefault) {
self.setState({
showDele: false
});
} else {
self.setState({
showDele: true
});
}
}
});
}
}
}, {
key: "setDefaultScheme",
value: function setDefaultScheme(defaultid, e) {
e.nativeEvent.stopImmediatePropagation();
e.nativeEvent.stopPropagation();
this.props.filterredux.setDefaultScheme(defaultid, this.state.filterId, this.state.modelId, this.props.schemeListChange);
}
}, {
key: "editSchemeInfo",
value: function editSchemeInfo(id) {
this.setState({
visible: !this.state.visible
});
this.props.filterredux.displayedit(id, this.state.modelId);
}
}, {
key: "deleteScheme",
value: function deleteScheme(id, filtersId) {
var self = this;
this.props.filterredux.deleteScheme(id, filtersId, this.props.schemeListChange, this.state.modelId);
var currentId = this.props.filterscheme[this.state.modelId].currentId;
var schemeList = this.props.filterscheme[this.state.modelId].schemeList;
if (currentId == id) {
schemeList.forEach(function (ele, index) {
if (ele.isDefault == 1) {
self.props.filterredux.chooseScheme(ele.id, self.state.modelId);
self.props.schemeChange(ele.id);
}
});
}
}
}, {
key: "chooseScheme",
value: function chooseScheme(id) {
this.props.filterredux.chooseScheme(id, this.state.modelId);
this.props.schemeChange(id);
this.setState({
visible: !this.state.visible
});
}
}, {
key: "AddScheme",
value: function AddScheme() {
var schemeList = this.props.filterscheme[this.state.modelId].schemeList;
this.props.filterredux.AddScheme(!this.props.filterscheme[this.state.modelId].bAddscheme, 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);
}
this.setState({
visible: false,
id: null
});
}
}, {
key: "render",
value: function render() {
if (this.props.filterscheme[this.state.modelId] == undefined) return null;
var _this$state = this.state,
filterId = _this$state.filterId,
cardKey = _this$state.cardKey,
modelId = _this$state.modelId,
definedVisible = _this$state.definedVisible;
var type = this.state.visible ? "up" : "down";
var button = _react["default"].createElement("div", {
style: {
width: "20px",
height: "30px"
}
}, " ", _react["default"].createElement(_baseui.Icon, {
type: type
}), " ");
var schemeList = this.getSchemeListRender();
var filterscheme = _react["default"].createElement(_filtermodal["default"], {
filterId: filterId,
Id: modelId,
cardKey: cardKey,
filterVM: this.props.filterVM,
viewModel: this.props.model
});
var definedfilter = definedVisible ? _react["default"].createElement(_filterDefined["default"], {
visible: definedVisible,
filterId: filterId,
model: this.props.model,
modelId: modelId,
regetquery: this.props.filterredux.getQueryItem
}) : null;
var schemePop = _react["default"].createElement("div", null, _react["default"].createElement("div", {
style: {
marginLeft: 0,
clear: 'both',
whiteSpace: 'nowrap'
},
className: "scheme-popover"
}, _react["default"].createElement(_baseui.Popover, {
placement: "bottomLeft",
overlayStyle: {
width: "236px"
},
content: schemeList,
trigger: "click",
visible: this.state.visible,
onVisibleChange: this.handleVisibleChange.bind(this),
getPopupContainer: function getPopupContainer(triggerNode) {
return triggerNode.parentElement.parentElement;
}
}, _react["default"].createElement("div", {
className: "filter-scheme Grouping-condition"
}, _react["default"].createElement("div", {
className: "filter-scheme-input Grouping-condition-input"
}, _react["default"].createElement("span", {
className: "filter-scheme-span ",
style: {
cursor: "pointer"
}
}, this.props.filterscheme[this.state.modelId].currentName), button)))));
return _react["default"].createElement("div", {
className: "scheme-list"
}, schemePop, filterscheme, definedfilter);
}
}]);
return FilterScheme;
}(_react.Component);
function mapStateToProps(state) {
return {
filterscheme: state.filterscheme.toJS()
};
}
function mapDispatchToProps(dispatch) {
return {
filterredux: (0, _redux.bindActionCreators)(filterredux, dispatch)
};
}
var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(FilterScheme);
exports["default"] = _default;
//# sourceMappingURL=FilterScheme.js.map