ming-demo3
Version:
mdf metaui web
240 lines (204 loc) • 9.53 kB
JavaScript
;
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 _antdMobile = require("antd-mobile");
var _SvgIcon = _interopRequireDefault(require("SvgIcon"));
var eChartCommon = _interopRequireWildcard(require("../eChartCommon"));
var eChartProxy = _interopRequireWildcard(require("../eChartProxy"));
var _eChartPanelDisplay = _interopRequireDefault(require("./eChartPanelDisplay3"));
var eChartDemoData = _interopRequireWildcard(require("../eChartDemoData"));
var Item = _antdMobile.Popover.Item;
var eChartCarousel3 = function (_React$Component) {
(0, _inherits2["default"])(eChartCarousel3, _React$Component);
function eChartCarousel3(props) {
var _this;
(0, _classCallCheck2["default"])(this, eChartCarousel3);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartCarousel3).call(this, props));
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleVisibleChange", function (visible) {
_this.setState({
bShowGroupList: visible
});
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSelect", function (opt) {
_this.setState({
activeIndex: opt.key,
bShowGroupList: false
});
});
_this.state = {
carouselTemplates: [],
chartTabs: [],
bShowGroupList: false,
activeIndex: 0
};
_this.Akey = eChartCommon.getNewChartKey();
return _this;
}
(0, _createClass2["default"])(eChartCarousel3, [{
key: "render",
value: function render() {
var self = this;
eChartCommon.LogChartInfo("self.state.activeIndex ", self.state.activeIndex, 900);
if (self.state.chartTabs.length == 0) {
return _react["default"].createElement("div", null);
} else {
var carouselTemplates = self.state.carouselTemplates;
var popContent = _react["default"].createElement("div", {
className: "eChartCarousel3_Group",
style: {
cursor: "pointer"
}
}, _react["default"].createElement("span", {
className: "eChartCarousel3_max"
}, carouselTemplates && carouselTemplates[self.state.activeIndex] && carouselTemplates[self.state.activeIndex].name), carouselTemplates && carouselTemplates.length > 1 ? _react["default"].createElement("i", {
className: self.state.bShowGroupList === true ? "icon icon-shouqi" : "icon icon-zhakai"
}) : "");
if (carouselTemplates && carouselTemplates.length > 1) popContent = _react["default"].createElement(_antdMobile.Popover, {
overlay: self.getPopItems(carouselTemplates),
visible: self.state.bShowGroupList,
onVisibleChange: this.handleVisibleChange,
onSelect: this.onSelect,
overlayClassName: "eChartCarousel3_Popover " + (cb.rest.isWeChat ? " eChartCarousel3_Popover_WeChat" : ""),
mask: true
}, popContent);
return _react["default"].createElement("div", {
key: this.Akey,
className: "eChartCarousel3_Group_Outer"
}, popContent, _react["default"].createElement(_antdMobile.Carousel, {
autoplay: false,
infinite: true,
beforeChange: function beforeChange(from, to) {
return self.beforeTabChange(from, to);
},
afterChange: function afterChange(index) {
return self.afterTabChange(index);
},
selectedIndex: self.state.activeIndex,
dots: carouselTemplates && carouselTemplates.length > 1 ? true : false,
className: "eChartCarousel3_ActivedIndex_" + self.state.activeIndex
}, self.state.chartTabs));
}
}
}, {
key: "beforeTabChange",
value: function beforeTabChange(from, to) {}
}, {
key: "afterTabChange",
value: function afterTabChange(index) {
this.setState({
activeIndex: index
});
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
this.getAuthedTemplate();
}
}, {
key: "getPopItems",
value: function getPopItems(carouselTemplates) {
var self = this;
var popItems = [];
if (carouselTemplates && carouselTemplates.length > 0) {
carouselTemplates.forEach(function (template, index) {
popItems.push(_react["default"].createElement(Item, {
key: index,
value: template.name
}, _react["default"].createElement("div", null, _react["default"].createElement("div", null, template.name), _react["default"].createElement("div", null, " ", index == self.state.activeIndex ? _react["default"].createElement(_SvgIcon["default"], {
type: "xuanzhong1"
}) : _react["default"].createElement("div", null), " "))));
});
}
return popItems;
}
}, {
key: "setCarousel",
value: function setCarousel(carouselTemplates) {
var self = this;
var chartTabs = [];
if (carouselTemplates.length > 0) {
carouselTemplates.forEach(function (template, index) {
chartTabs.push(_react["default"].createElement(_eChartPanelDisplay["default"], {
isInDesign: false,
panelId: template.id,
panelConfig: template,
refreshForXieLa: function refreshForXieLa() {
self.Akey = eChartCommon.getNewChartKey();
self.forceUpdate();
}
}));
});
this.setState({
carouselTemplates: carouselTemplates,
chartTabs: chartTabs
});
}
}
}, {
key: "getAuthedTemplate",
value: function getAuthedTemplate() {
var self = this;
var callback = function callback(json) {
if (json.code === 200 && json.data) {
eChartCommon.LogChartInfo("大屏轮播:获取系统有权限的所有看板。 json.data.kanbans ", JSON.stringify(json.data.kanbans), 900);
var kanbans = _.filter(json.data.kanbans, function (o) {
return o.type == 3;
});
eChartCommon.LogChartInfo("大屏轮播:获取系统有权限的type=1看板。 kanbans ", JSON.stringify(kanbans), 900);
var panelIds = [];
kanbans.forEach(function (ele) {
if (panelIds.indexOf(ele.id) < 0) panelIds.push(ele.id);
});
if (eChartDemoData.demoConfig.isTestCarousel3) {
panelIds = [15531, 15545, 15559, 15560, 15535, 15536, 15537];
}
if (panelIds.length > 0) {
var _callback = function _callback(json) {
if (json.code === 200) {
if (json.data && json.data.length > 0) {
var carouselTemplates = [];
eChartCommon.LogChartInfo("大屏轮播:获取模板配置信息。返回 json.data.length ", json.data.length, 900);
json.data.forEach(function (ele, index) {
var editPanel = eChartCommon.restoreEditPanel(ele.pageLayout, ele.items, "query");
carouselTemplates.push(editPanel);
eChartCommon.LogChartInfo("大屏轮播:获取模板完毕。模板ID=", ele.id + " name = " + ele.name, 900);
});
eChartCommon.LogChartInfo("大屏轮播:开始轮播。大屏数量 ", carouselTemplates.length, 900);
self.setCarousel(carouselTemplates);
} else {
eChartCommon.LogChartInfo("大屏轮播：没有找到能够展示的大屏。模板ID ", JSON.stringify(panelIds), 999);
}
} else {
eChartCommon.LogChartInfo("大屏轮播:获取模板列表信息出错。模板 panelIds = " + JSON.stringify(panelIds) + " json.message ", json.message, 999);
}
};
eChartProxy.doProxy(eChartProxy.url.getReportViews, 'GET', {
ids: panelIds
}, _callback);
} else {
eChartCommon.LogChartInfo("大屏轮播：请检查当前操作员是否有模板权限 ", "", 999);
}
} else {
eChartCommon.LogChartInfo("大屏轮播：调用服务出错 json.message", json.message, 999);
cb.utils.alert(json.message, 'error');
}
};
eChartProxy.doProxy(eChartProxy.url.getLayoutByUserId, 'GET', {}, callback);
}
}]);
return eChartCarousel3;
}(_react["default"].Component);
exports["default"] = eChartCarousel3;
//# sourceMappingURL=eChartCarousel3.js.map