ming-demo3
Version:
mdf metaui web
288 lines (256 loc) • 11.3 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 _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 _filter2 = _interopRequireDefault(require("lodash/filter"));
var _react = _interopRequireWildcard(require("react"));
var _basic = require("../basic");
var _baseui = require("@mdf/baseui");
var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));
var _util = require("@mdf/cube/lib/helpers/util");
var BatchMsg = function (_Component) {
(0, _inherits2["default"])(BatchMsg, _Component);
function BatchMsg(props) {
var _this;
(0, _classCallCheck2["default"])(this, BatchMsg);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(BatchMsg).call(this, props));
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getModalContent", function () {
var msgObj = _this.getTrimedMsgObjArr();
var trimedMsgArr = msgObj.trimedMsgArr;
_this.numOK = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == 1;
}).length;
_this.numFail = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == 0;
}).length;
if (_this.numFail == 0) {
return _react["default"].createElement("div", {
className: "batchMsg-container"
}, _react["default"].createElement(_SvgIcon["default"], {
className: "icon-chenggongtishi",
type: "chenggongtishi"
}), _react["default"].createElement("div", {
className: "batchMsg-OK1"
}, "\u64CD\u4F5C\u6210\u529F!"), _react["default"].createElement("div", {
className: "batchMsg-OK2"
}, "\u64CD\u4F5C\u5168\u90E8\u6210\u529F\u5171", _react["default"].createElement("span", null, msgObj.sucessCount), "\u6761!"), _this.bCanClose() ? _react["default"].createElement("div", {
className: "batchMsg-OK"
}, _react["default"].createElement(_baseui.Button, {
type: "primary",
onClick: _this.handleOk
}, "\u77E5\u9053\u4E86")) : null);
} else {
var bShowRadio = _this.numOK > 0 && _this.numFail > 0;
var radioValue = _this.state.radioValue;
var bShowFail = true;
if (radioValue == 1 || _this.numFail == 0) {
bShowFail = false;
}
var controls = [];
trimedMsgArr.map(function (obj, index) {
var control = null;
if (bShowFail == true && obj.stateNum == 0) {
control = _react["default"].createElement("div", {
className: "batchMsg-row"
}, _react["default"].createElement(_SvgIcon["default"], {
className: "icon-yibohui",
type: "yibohui"
}), _react["default"].createElement("div", {
className: "batchMsg-info"
}, obj.title ? _react["default"].createElement("span", {
className: "batchMsg-title"
}, obj.title) : "", obj.title ? _react["default"].createElement("span", null, "(") : "", _react["default"].createElement("span", {
className: "batchMsg-errinfo"
}, obj.info), obj.title ? _react["default"].createElement("span", null, ")") : ""));
} else if (bShowFail == false && obj.stateNum == 1) {
control = _react["default"].createElement("div", {
className: "batchMsg-row"
}, _react["default"].createElement(_SvgIcon["default"], {
className: "icon-yishenhe",
type: "yishenhe"
}), _react["default"].createElement("div", {
className: "batchMsg-info"
}, obj.title ? _react["default"].createElement("span", {
className: "batchMsg-title"
}, obj.title) : "", obj.title ? _react["default"].createElement("span", null, "(") : "", _react["default"].createElement("span", {
className: "batchMsg-successinfo"
}, obj.info), obj.title ? _react["default"].createElement("span", null, ")") : ""));
}
controls.push(control);
});
return _react["default"].createElement("div", {
className: "batchMsg-container"
}, _react["default"].createElement("div", {
className: "batchMsg-suminfo"
}, "\u5171\u5904\u7406", _react["default"].createElement("span", {
className: "batchMsg-NumAll"
}, msgObj.count), _this.state.dataStr, "\uFF0C\u6210\u529F", _react["default"].createElement("span", {
className: "batchMsg-NumOK"
}, msgObj.sucessCount), _this.state.dataStr, "\uFF0C\u5931\u8D25", _react["default"].createElement("span", {
className: "batchMsg-NumFail"
}, msgObj.failCount), _this.state.dataStr, "\u3002", bShowRadio ? _react["default"].createElement("span", {
className: "batchMsg-Radios"
}, _react["default"].createElement("span", {
className: "batchMsg-Radio-0 batchMsg-Radio-" + (radioValue == 0 ? "Sel" : "NoSel"),
onClick: function onClick() {
return _this.setState({
radioValue: 0
});
}
}, "\u5931\u8D25\u4FE1\u606F"), _react["default"].createElement("span", {
className: "batchMsg-Radio-1 batchMsg-Radio-" + (radioValue == 1 ? "Sel" : "NoSel"),
onClick: function onClick() {
return _this.setState({
radioValue: 1
});
}
}, "\u6210\u529F\u4FE1\u606F")) : ""), _react["default"].createElement("div", {
className: "batchMsg-rows"
}, controls), _this.bCanClose() ? _react["default"].createElement("div", {
className: "batchMsg-OK"
}, _react["default"].createElement(_baseui.Button, {
type: "primary",
onClick: _this.handleOk
}, "\u786E\u5B9A"), _this.props.handleCancel ? _react["default"].createElement(_baseui.Button, {
onClick: _this.handleCancel
}, "\u53D6\u6D88") : null) : null);
}
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleCancel", function () {
if (_this.props.handleCancel) {
_this.props.handleCancel();
}
if (_this.props.close) {
_this.props.close();
}
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOk", function () {
if (_this.props.type == 1) {
if (_this.bCanClose() && _this.props.handleOk) {
_this.props.handleOk();
}
} else if (_this.props.type == 2) {
if (_this.props.close) {
_this.props.close();
}
} else if (_this.props.type == 3) {
if (_this.props.handleOk) {
_this.props.handleOk();
}
if (_this.props.close) {
_this.props.close();
}
}
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bCanClose", function () {
if (_this.props.hasOwnProperty("bCanClose")) {
return _this.props.bCanClose;
} else {
return true;
}
});
_this.state = {
radioValue: 0,
codeField: props.codeField || "code",
dataStr: "条数据"
};
return _this;
}
(0, _createClass2["default"])(BatchMsg, [{
key: "getTrimedMsgObjArr",
value: function getTrimedMsgObjArr() {
var _this2 = this;
var self = this;
var trimedMsgArr = [];
var msgObj = {
trimedMsgArr: trimedMsgArr,
count: 0,
sucessCount: 0,
failCount: 0,
ingCount: 0
};
if (this.props.type == 1) {
this.props.msgArr.map(function (obj, index) {
var control = null;
if (obj.isComplete == true) control = {
stateNum: 1,
title: obj.name,
info: obj.cacheData && obj.cacheData[_this2.state.codeField]
};else if (obj.errInfo) control = {
stateNum: 0,
title: obj.name,
info: obj.errInfo.message
};else control = {
stateNum: -1,
title: obj.name,
info: "保存中~"
};
trimedMsgArr.push(control);
});
msgObj.count = trimedMsgArr.length;
msgObj.sucessCount = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == 1;
}).length;
msgObj.failCount = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == 0;
}).length;
msgObj.ingCount = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == -1;
}).length;
} else if (this.props.type == 2) {
var res = this.props.res;
res.messages && res.messages.map(function (obj, index) {
trimedMsgArr.push({
stateNum: 0,
title: "",
info: obj
});
});
msgObj.count = res.count;
msgObj.sucessCount = res.sucessCount;
msgObj.failCount = res.failCount;
msgObj.ingCount = 0;
} else if (this.props.type == 3) {
msgObj.trimedMsgArr = this.props.msgArr;
msgObj.count = trimedMsgArr.length;
msgObj.sucessCount = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == 1;
}).length;
msgObj.failCount = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == 0;
}).length;
msgObj.ingCount = (0, _filter2["default"])(trimedMsgArr, function (o) {
return o.stateNum == -1;
}).length;
}
return msgObj;
}
}, {
key: "render",
value: function render() {
var modalControl = this.getModalContent();
if (this.props.type == 1 && this.props.visible == false) return _react["default"].createElement("div", null);else return _react["default"].createElement(_baseui.Modal, {
title: this.numFail == 0 ? "" : "批量操作",
visible: true,
footer: null,
onClose: this.handleOk,
className: this.numFail == 0 ? "batchMsg-Modal-OK" : "batchMsg-Modal"
}, _react["default"].createElement("div", {
className: "batchMsg-Outer"
}, modalControl));
}
}]);
return BatchMsg;
}(_react.Component);
exports["default"] = BatchMsg;
//# sourceMappingURL=batchMsg.js.map