ming-demo3
Version:
mdf metaui web
1,190 lines (1,086 loc) • 66.8 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 _react = _interopRequireWildcard(require("react"));
var _redux = require("redux");
var _reactRedux = require("react-redux");
var _baseui = require("@mdf/baseui");
var _row = _interopRequireDefault(require("./row"));
var _col = _interopRequireDefault(require("./col"));
var _input = _interopRequireDefault(require("./input"));
var groupConditionRedux = _interopRequireWildcard(require("../../redux/groupCondition"));
var _InputSearch = _interopRequireDefault(require("../common/InputSearch"));
var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));
var _eChartDesign = _interopRequireDefault(require("../echart/echart/eChartDesign"));
var eChartCommon = _interopRequireWildcard(require("../echart/eChartCommon"));
var eChartDemoData = _interopRequireWildcard(require("../echart/eChartDemoData"));
var _util = require("@mdf/cube/lib/helpers/util");
var RadioGroup = _baseui.Radio.Group;
var GroupCondition = function (_React$Component) {
(0, _inherits2["default"])(GroupCondition, _React$Component);
function GroupCondition(props) {
var _this;
(0, _classCallCheck2["default"])(this, GroupCondition);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(GroupCondition).call(this, props));
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBodyClick", function (e) {
var _this$props = _this.props,
groupConditionState = _this$props.groupConditionState,
groupConditionRedux = _this$props.groupConditionRedux;
if (e.target && cb.dom(e.target).parents('div.ant-popover').length) return;
if (e.target.parentElement.className == "ant-input-group-addon") return;
if (e.target.parentElement.className == "ant-popover-open") return;
if (e.target.tagName == "CANVAS") return;
if (e.target.parentElement.parentElement.className == "ant-popover-open") return;
if (e.target.parentElement.className == "ant-input-wrapper ant-input-group") return;
if (groupConditionState[_this.getBillNum()].bShowCard == true) {
if (groupConditionState[_this.getBillNum()].editCondition.columnDefineInfo.bShowDefine == true) {
_this.showColumnDefine(false, {});
}
return;
}
document.body.removeEventListener('click', _this.handleBodyClick);
groupConditionRedux.setValue(_this.getBillNum(), {
bShowList: false
});
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "ShowList", function () {
if (_this.noGroupAndAuth == true) {
cb.utils.alert("没有任何分组信息。");
return;
}
document.body.addEventListener('click', _this.handleBodyClick);
var _this$props2 = _this.props,
groupConditionState = _this$props2.groupConditionState,
groupConditionRedux = _this$props2.groupConditionRedux;
groupConditionRedux.showList(_this.getBillNum(), !groupConditionState[_this.getBillNum()].bShowList);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOk", function (e) {
var _this$props3 = _this.props,
groupConditionState = _this$props3.groupConditionState,
groupConditionRedux = _this$props3.groupConditionRedux;
var condition = groupConditionState[_this.getBillNum()].editCondition;
var eChart = groupConditionState[_this.getBillNum()].eChart;
if (eChart && (eChart.displayType == 2 || eChart.displayType == 3) && (_.isEmpty(eChart.eChartConfig) == true || _.isEmpty(eChart.eChartConfig.subChartConfigArr) == true)) {
cb.utils.alert("请设置图形报表信息。");
} else if (condition.name == undefined || condition.name.trim() == "") {
cb.utils.alert("名称不可为空。");
} else if (_.isNull(eChart.eChartConfig.subChartColNum) || eChart.eChartConfig.subChartColNum.toString().trim() == "") {
cb.utils.alert("图表列数请输入1-3的整数。");
} else if (isNaN(eChart.eChartConfig.subChartColNum) == true || Number(eChart.eChartConfig.subChartColNum) < 1 || Number(eChart.eChartConfig.subChartColNum) > 3) {
cb.utils.alert("图表列数请输入1-3的整数。");
} else if (condition.dataSource_Selected.length == 0) {
cb.utils.alert("没有选择列信息。");
} else if (condition.isPc == false && condition.isMobile == false) {
cb.utils.alert("请选择适用于PC/移动。");
} else {
var viewModel = _this.props.viewModel;
groupConditionRedux.saveCondition(_this.getBillNum(), viewModel);
}
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleCancel", function (e) {
var _this$props4 = _this.props,
groupConditionState = _this$props4.groupConditionState,
groupConditionRedux = _this$props4.groupConditionRedux;
groupConditionRedux.cancelEdit(_this.getBillNum());
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "editCondition_SetValue", function (fieldName, fieldValue) {
var _this$props5 = _this.props,
groupConditionState = _this$props5.groupConditionState,
groupConditionRedux = _this$props5.groupConditionRedux;
groupConditionRedux.editCondition_SetValue(_this.getBillNum(), fieldName, fieldValue);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "editCondition_SetIsCrossTable", function (fieldName, fieldValue) {
var _this$props6 = _this.props,
groupConditionState = _this$props6.groupConditionState,
groupConditionRedux = _this$props6.groupConditionRedux;
groupConditionRedux.editCondition_SetIsCrossTable(_this.getBillNum(), fieldName, fieldValue);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleScroll", function (direction, e) {
console.log('direction:', direction);
console.log('target:', e.target);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveItems", function (bToRight) {
var _this$props7 = _this.props,
groupConditionState = _this$props7.groupConditionState,
groupConditionRedux = _this$props7.groupConditionRedux;
groupConditionRedux.editCondition_MoveItems(_this.getBillNum(), bToRight);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "selectItems", function (groupType, selectedKey, bSelected, bSelectedItems) {
var _this$props8 = _this.props,
groupConditionState = _this$props8.groupConditionState,
groupConditionRedux = _this$props8.groupConditionRedux;
groupConditionRedux.editCondition_SelectedKey(_this.getBillNum(), groupType, selectedKey, bSelected, bSelectedItems);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "eChartSetting_SetSubChartColNum", function (fieldValue) {
var _this$props9 = _this.props,
groupConditionState = _this$props9.groupConditionState,
groupConditionRedux = _this$props9.groupConditionRedux;
if (fieldValue != "" && (isNaN(fieldValue) == true || Number(fieldValue) < 1 || Number(fieldValue) > 3)) {
groupConditionRedux.eChartSetting_ReturnNothing();
return;
} else {
if (fieldValue.indexOf(".") >= 0) {
fieldValue = fieldValue.substring(0, fieldValue.indexOf("."));
}
groupConditionRedux.eChartSetting_SetSubChartColNum(_this.getBillNum(), fieldValue);
}
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "eChartSetting_SetDisplayType", function (value) {
var _this$props10 = _this.props,
groupConditionState = _this$props10.groupConditionState,
groupConditionRedux = _this$props10.groupConditionRedux;
groupConditionRedux.eChartSetting_SetDisplayType(_this.getBillNum(), value);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeConfig", function (chartKey) {
var _this$props11 = _this.props,
groupConditionState = _this$props11.groupConditionState,
groupConditionRedux = _this$props11.groupConditionRedux;
groupConditionRedux.eChartSetting_RemoveConfig(_this.getBillNum(), chartKey);
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showEChartSetting", function (bShow, chartKey) {
var _this$props12 = _this.props,
groupConditionState = _this$props12.groupConditionState,
groupConditionRedux = _this$props12.groupConditionRedux;
if (bShow) {
if (!!chartKey) {
var config = eChartCommon.subConfig_Get(groupConditionState[_this.getBillNum()].eChart, chartKey);
_this.chart_Backup = config;
_this.chartKey_Backup = chartKey;
} else {
_this.chart_Backup = undefined;
_this.chartKey_Backup = "";
}
groupConditionRedux.eChartSetting_Show(_this.getBillNum(), bShow, chartKey);
} else {
groupConditionRedux.eChartSetting_CancelChartConfig(_this.getBillNum(), _this.chart_Backup, _this.chartKey_Backup, !_this.chartKey_Backup);
}
});
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "eChartSetting_getRender", function () {
var _this$props13 = _this.props,
groupConditionState = _this$props13.groupConditionState,
groupConditionRedux = _this$props13.groupConditionRedux;
var content = null;
if (groupConditionState[_this.getBillNum()].bShowEChartSetting == true) {
content = _react["default"].createElement(_baseui.Modal, {
className: "eChartSetting_Modal",
title: "\u8BBE\u7F6E\u56FE\u5F62\u62A5\u8868",
visible: true,
footer: null,
onCancel: function onCancel() {
return _this.showEChartSetting(false, "");
}
}, _react["default"].createElement("div", {
className: "eChartSetting_Control"
}, _react["default"].createElement(_eChartDesign["default"], {
billnum: _this.getBillNum(),
chartKey: groupConditionState[_this.getBillNum()].showEChartKey,
reportFields: groupConditionState[_this.getBillNum()].editCondition.dataSource_Selected
})));
}
return content;
});
var _viewModel = props.viewModel;
var _viewModel$getParams = _viewModel.getParams(),
billNo = _viewModel$getParams.billNo;
var _this$props14 = _this.props,
_groupConditionState = _this$props14.groupConditionState,
_groupConditionRedux = _this$props14.groupConditionRedux;
var viewid = _this.props.viewid ? _this.props.viewid : "";
var bPublished = viewid ? true : false;
_groupConditionRedux.initConditionListValue(billNo, {
billnum: billNo,
bShowList: false,
bShowCard: false,
viewid: viewid
}, _viewModel);
_this.state = {
billnum: billNo,
bIgnoreAuth: false,
viewid: viewid,
bPublished: bPublished,
name: _viewModel.getParams().name ? _viewModel.getParams().name : "",
bUseZhiBiao: false
};
_this.groupSchemasMeta = {
cControlType: 'Select',
modelType: 'ListModel',
cItemName: 'groupSchemas',
valueField: 'id',
textField: 'name'
};
_viewModel.addProperty(_this.groupSchemasMeta.cItemName, new cb.models[_this.groupSchemasMeta.modelType](_this.groupSchemasMeta));
_this.noGroupAndAuth = false;
_this.usedFields = [];
return _this;
}
(0, _createClass2["default"])(GroupCondition, [{
key: "doProxy",
value: function doProxy(url, method, params, callback, noUniform) {
var config = {
url: url,
method: method,
params: params
};
if (noUniform) {
config.options = {
uniform: false
};
}
(0, _util.proxy)(config).then(function (json) {
callback(json);
});
}
}, {
key: "getDimensionData",
value: function getDimensionData() {
var self = this;
var callback = function callback(json) {
if (json.code === 200) {
if (json.data) {
self.setState({
dimensionData: json.data
});
}
}
};
self.doProxy('/report/getDimensions', 'GET', {
billnum: this.state.billnum
}, callback);
}
}, {
key: "componentDidMount",
value: function componentDidMount() {}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {}
}, {
key: "componentWillUpdate",
value: function componentWillUpdate(nextProps, nextState) {}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate() {}
}, {
key: "componentWillReceiveProps",
value: function componentWillReceiveProps(nextProps) {}
}, {
key: "switchGroupSchema",
value: function switchGroupSchema(id, name, dimensionId) {
var viewModel = this.props.viewModel;
var tmp = [];
if (id) tmp.push({
id: id,
name: name
});
viewModel.get('groupSchemas').setDataSource(tmp);
viewModel.get('groupSchemas').setValue(id);
viewModel.biz["do"]("switchGroupSchema", viewModel, {
groupSchemaId: id,
groupSchemaName: name,
dimensionId: dimensionId
});
}
}, {
key: "getUsedFields",
value: function getUsedFields() {
var _this$props15 = this.props,
groupConditionState = _this$props15.groupConditionState,
groupConditionRedux = _this$props15.groupConditionRedux;
var fields = [];
var arr = _.get(groupConditionState[this.getBillNum()], "eChart.eChartConfig.subChartConfigArr");
if (arr && arr.length > 0) {
arr.forEach(function (ele) {
var orderField = _.get(ele, "yySetting.orderInfo.orderField");
if (orderField && fields.indexOf(orderField) < 0) fields.push(orderField);
var dimensionX = _.get(ele, "yySetting.dataField.dimensionX");
if (dimensionX && dimensionX.length > 0) {
dimensionX.forEach(function (item) {
if (item.codeField && fields.indexOf(item.codeField) < 0) {
fields.push(item.codeField);
}
if (item.nameField && fields.indexOf(item.nameField) < 0) {
fields.push(item.nameField);
}
});
}
var dimensionSub = _.get(ele, "yySetting.dataField.dimensionSub");
if (dimensionSub && dimensionSub.length > 0) {
dimensionSub.forEach(function (item) {
if (item.codeField && fields.indexOf(item.codeField) < 0) {
fields.push(item.codeField);
}
if (item.nameField && fields.indexOf(item.nameField) < 0) {
fields.push(item.nameField);
}
});
}
var measure = _.get(ele, "yySetting.dataField.measure");
if (measure && measure.length > 0) {
measure.forEach(function (item) {
if (item.valueField && fields.indexOf(item.valueField) < 0) {
fields.push(item.valueField);
}
});
}
});
}
return fields;
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var self = this;
this.usedFields = this.getUsedFields();
var _self$props = self.props,
groupConditionState = _self$props.groupConditionState,
groupConditionRedux = _self$props.groupConditionRedux;
if (groupConditionState[this.getBillNum()] == undefined) return _react["default"].createElement("div", null);
eChartCommon.LogChartInfo("设置界面 render ", JSON.stringify(groupConditionState[this.state.billnum].eChart), 900);
var bNeedClose = groupConditionState[this.getBillNum()].textMouseEnterId == 4 && groupConditionState[this.getBillNum()].currentName != "" ? true : false;
var type = groupConditionState[self.getBillNum()].bShowList ? "up" : "down";
var button = _react["default"].createElement("div", null, bNeedClose ? _react["default"].createElement(_baseui.Icon, {
onClick: function onClick() {
return self.chooseCondition();
},
type: "close-circle",
onMouseEnter: function onMouseEnter() {
return _this2.onTextMouseEnter(true, 4);
},
onMouseLeave: function onMouseLeave() {
return _this2.onTextMouseEnter(false, 4);
}
}) : null, _react["default"].createElement(_baseui.Icon, {
onClick: function onClick() {
return self.ShowList();
},
type: type,
onMouseEnter: function onMouseEnter() {
return _this2.onTextMouseEnter(true, 4);
},
onMouseLeave: function onMouseLeave() {
return _this2.onTextMouseEnter(false, 4);
}
}));
var conditionList = null;
conditionList = this.getConditionListRender();
var conditionPop = _react["default"].createElement("div", null, _react["default"].createElement("div", {
className: "Grouping-condition-left"
}, groupConditionState[this.getBillNum()].cShowCaption, ":"), _react["default"].createElement(_baseui.Popover, {
overlayStyle: {
width: "236px"
},
content: conditionList,
trigger: "click",
visible: groupConditionState[this.getBillNum()].bShowList
}, _react["default"].createElement("div", {
className: "Grouping-condition"
}, _react["default"].createElement("div", {
className: "Grouping-condition-input"
}, _react["default"].createElement("span", {
className: "Grouping-condition-span",
onMouseEnter: function onMouseEnter() {
return _this2.onTextMouseEnter(true, 4);
},
onMouseLeave: function onMouseLeave() {
return _this2.onTextMouseEnter(false, 4);
},
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this2.ShowList();
},
overlayStyle: {
width: "100px"
}
}, groupConditionState[this.getBillNum()].currentName), button))));
var conditionCard = this.getConditionCardRender();
var eChartSetting = this.eChartSetting_getRender();
var style = {};
if (this.state.bPublished) {
style = {
display: "none"
};
}
return _react["default"].createElement("div", {
className: "groupCondition",
style: style
}, conditionPop, conditionCard, eChartSetting);
}
}, {
key: "getConditionListRender",
value: function getConditionListRender() {
var _this4 = this;
var self = this;
var _this$props16 = this.props,
groupConditionState = _this$props16.groupConditionState,
groupConditionRedux = _this$props16.groupConditionRedux;
var conditionList = groupConditionState[this.getBillNum()].conditionList;
var currentId = groupConditionState[this.getBillNum()].currentId;
var renderList = [];
var bAuthAdd = groupConditionState[this.getBillNum()].bAuthAdd;
var bAuthEdit = groupConditionState[this.getBillNum()].bAuthEdit;
var bAuthDel = groupConditionState[this.getBillNum()].bAuthDel;
if (self.state.bIgnoreAuth === true) {
bAuthAdd = true;
bAuthEdit = true;
bAuthDel = true;
}
if (conditionList && conditionList.length > 0) {
conditionList.forEach(function (element, index) {
var _this3 = 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" + (groupConditionState[this.getBillNum()].textMouseEnterId > 0 && groupConditionState[this.getBillNum()].textMouseEnterId <= 3 ? groupConditionState[this.getBillNum()].textMouseEnterId : "")
}, isDefault ? null : _react["default"].createElement("span", {
onMouseEnter: function onMouseEnter() {
return _this3.onTextMouseEnter(true, 1);
},
onMouseLeave: function onMouseLeave() {
return _this3.onTextMouseEnter(false, 1);
},
onClick: function onClick() {
return _this3.setDefaultCondition(element.id);
}
}, "\u8BBE\u4E3A\u9ED8\u8BA4"), _react["default"].createElement("span", {
onMouseEnter: function onMouseEnter() {
return _this3.onTextMouseEnter(true, 2);
},
onMouseLeave: function onMouseLeave() {
return _this3.onTextMouseEnter(false, 2);
},
onClick: function onClick() {
return _this3.editConditionInfo(element.id);
},
style: {
display: bAuthEdit == true ? "" : 'none'
}
}, "\u8BBE\u7F6E"), _react["default"].createElement("span", {
onMouseEnter: function onMouseEnter() {
return _this3.onTextMouseEnter(true, 3);
},
onMouseLeave: function onMouseLeave() {
return _this3.onTextMouseEnter(false, 3);
},
onClick: function onClick() {
return _this3.deleteCondition(element.id);
},
style: {
display: bAuthDel == true ? "" : 'none'
}
}, "\u5220\u9664")) : _react["default"].createElement("span", {
className: "groupCondition-MouseEnter"
}, " ");
item = _react["default"].createElement(_row["default"], {
style: {
minHeight: "25px"
},
onMouseEnter: function onMouseEnter(e) {
return _this3.onMouseEnter(true, e, element.id);
},
onMouseLeave: function onMouseLeave(e) {
return _this3.onMouseEnter(false, e, element.id);
}
}, itemChecked, _react["default"].createElement("span", {
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this3.chooseCondition(element.id, element.name, element.dimensionId);
}
}, " ", element.name ? element.name : element.id, " "), itemDefault, itemEnter);
renderList.push(item);
}, this);
}
if (renderList.length < 1 && bAuthAdd == false) this.noGroupAndAuth = true;else this.noGroupAndAuth = false;
return _react["default"].createElement("div", {
className: "group-add-grouping-count " + (bAuthAdd == false ? "group-add-grouping-count-noauth" : "")
}, _react["default"].createElement("div", {
style: {
overflow: "auto",
maxHeight: "258px",
paddingBottom: "2px"
}
}, renderList), _react["default"].createElement("div", {
className: "group-add-grouping"
}, _react["default"].createElement("div", {
onClick: function onClick() {
return _this4.addConditionInfo();
},
style: {
display: bAuthAdd == true ? "" : 'none'
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "plus"
}), "\u65B0\u589E\u5206\u7EC4")));
}
}, {
key: "addConditionInfo",
value: function addConditionInfo() {
var groupConditionRedux = this.props.groupConditionRedux;
this.getDimensionData();
groupConditionRedux.editConditionInfo(this.getBillNum(), "");
}
}, {
key: "editConditionInfo",
value: function editConditionInfo(id) {
var groupConditionRedux = this.props.groupConditionRedux;
this.getDimensionData();
groupConditionRedux.editConditionInfo(this.getBillNum(), id);
}
}, {
key: "setDefaultCondition",
value: function setDefaultCondition(id) {
var _this$props17 = this.props,
groupConditionRedux = _this$props17.groupConditionRedux,
viewModel = _this$props17.viewModel;
groupConditionRedux.setDefaultCondition(this.getBillNum(), id, viewModel);
}
}, {
key: "getBillNum",
value: function getBillNum() {
return this.state.billnum;
}
}, {
key: "deleteCondition",
value: function deleteCondition(id) {
var _this$props18 = this.props,
viewModel = _this$props18.viewModel,
groupConditionRedux = _this$props18.groupConditionRedux;
groupConditionRedux.deleteCondition(this.getBillNum(), id, viewModel);
}
}, {
key: "chooseCondition",
value: function chooseCondition(id, name, dimensionId) {
var _this$props19 = this.props,
groupConditionState = _this$props19.groupConditionState,
groupConditionRedux = _this$props19.groupConditionRedux;
if (groupConditionState[this.getBillNum()].currentName || name) {
this.switchGroupSchema(id ? id : null, name, dimensionId);
groupConditionRedux.chooseCondition(this.getBillNum(), id);
}
}
}, {
key: "onMouseEnter",
value: function onMouseEnter(bEnter, e, id) {
var groupConditionRedux = this.props.groupConditionRedux;
groupConditionRedux.conditiOnMouseEnter(this.getBillNum(), id, bEnter);
}
}, {
key: "onTextMouseEnter",
value: function onTextMouseEnter(bEnter, id) {
var groupConditionRedux = this.props.groupConditionRedux;
groupConditionRedux.conditiOnTextMouseEnter(this.getBillNum(), id, bEnter);
}
}, {
key: "getConditionCardRender",
value: function getConditionCardRender() {
var _this5 = this;
var _this$props20 = this.props,
groupConditionState = _this$props20.groupConditionState,
groupConditionRedux = _this$props20.groupConditionRedux;
var editCondition = groupConditionState[this.getBillNum()].editCondition;
eChartCommon.LogChartInfo(" groupcondition getConditionCardRender editCondition ", JSON.stringify(editCondition), 900);
var bEdit = editCondition.bEdit;
var content;
if (groupConditionState[this.getBillNum()].bShowCard == true) {
var card;
if (editCondition.isCrossTable) card = this.getCrossCardRender();else card = this.getGroupCardRender();
content = _react["default"].createElement(_baseui.Modal, {
className: "crossGroupingModal",
title: bEdit ? "编辑" : "新增",
onOk: function onOk(e) {
return _this5.handleOk(e);
},
onCancel: function onCancel(e) {
return _this5.handleCancel(e);
},
visible: true
}, card);
}
return content;
}
}, {
key: "getGroupCardRender",
value: function getGroupCardRender() {
var _this6 = this;
var self = this;
var _this$props21 = this.props,
groupConditionState = _this$props21.groupConditionState,
groupConditionRedux = _this$props21.groupConditionRedux;
var bEdit = groupConditionState[this.getBillNum()].editCondition.bEdit;
var editCondition = groupConditionState[this.getBillNum()].editCondition;
var leftContentCheckBoxs = [];
var rightContentCheckBoxs_0 = [];
var rightContentCheckBoxs_3 = [];
var leftDisabledKeys = [];
var bToRightEnable = false;
var bToLeftEnable = false;
editCondition.dataSource_Selected.forEach(function (ele, index) {
var button = self.getColumnDefine(editCondition.columnDefineInfo, ele);
if (ele.groupType == 0) {
rightContentCheckBoxs_0.push(_react["default"].createElement(_row["default"], {
title: ele.tooltip || ele.caption
}, _react["default"].createElement(_baseui.Checkbox, {
checked: ele.bSelected ? ele.bSelected : false,
disabled: self.usedFields.indexOf(ele.fieldname) >= 0,
onChange: function onChange(e) {
return self.selectItems(ele.groupType, ele.fieldname, e.target.checked, true);
}
}, ele.caption), button));
} else if (ele.groupType == 3) {
rightContentCheckBoxs_3.push(_react["default"].createElement(_row["default"], {
title: ele.tooltip || ele.caption
}, _react["default"].createElement(_baseui.Checkbox, {
checked: ele.bSelected ? ele.bSelected : false,
disabled: self.usedFields.indexOf(ele.fieldname) >= 0,
onChange: function onChange(e) {
return self.selectItems(ele.groupType, ele.fieldname, e.target.checked, true);
}
}, ele.caption), button));
}
leftDisabledKeys.push(ele.fieldname);
if (ele.groupType == editCondition.focusedGroupType) bToLeftEnable = true;
});
editCondition.dataSource_UnSelected.forEach(function (ele, index) {
if (ele.caption && ele.caption.indexOf(editCondition.keyWord) > -1) {
var bDisabled = leftDisabledKeys.indexOf(ele.fieldname) > -1 ? true : false;
var bChecked = bDisabled || ele.bSelected ? true : false;
leftContentCheckBoxs.push(_react["default"].createElement(_row["default"], {
title: ele.tooltip || ele.caption
}, _react["default"].createElement(_baseui.Checkbox, {
checked: bChecked,
disabled: bDisabled,
onChange: function onChange(e) {
return self.selectItems(ele.groupType, ele.fieldname, e.target.checked, false);
}
}, ele.caption)));
if (bDisabled == false) bToRightEnable = true;
}
});
var RadioControl = [];
RadioControl.push(_react["default"].createElement("span", {
className: "crosstypeName"
}, _react["default"].createElement("i", {
className: "anticon anticon-star"
}), "\u7C7B\u578B"));
if (bEdit == false || !editCondition.isCrossTable) {
RadioControl.push(_react["default"].createElement("span", {
className: "crosstypeNameList"
}, _react["default"].createElement(_baseui.Radio, {
checked: !editCondition.isCrossTable,
onChange: function onChange(e) {
return _this6.editCondition_SetIsCrossTable("isCrossTable", !e.target.checked);
}
})));
RadioControl.push(_react["default"].createElement("span", {
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this6.editCondition_SetIsCrossTable("isCrossTable", false);
}
}, "\u5206\u7EC4"));
}
if (bEdit == false || editCondition.isCrossTable) {
RadioControl.push(_react["default"].createElement("span", {
className: "crosstypeNameList"
}, _react["default"].createElement(_baseui.Radio, {
checked: editCondition.isCrossTable,
onChange: function onChange(e) {
return _this6.editCondition_SetIsCrossTable("isCrossTable", e.target.checked);
}
})));
RadioControl.push(_react["default"].createElement("span", {
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this6.editCondition_SetIsCrossTable("isCrossTable", true);
}
}, "\u4EA4\u53C9"));
}
var eChart = groupConditionState[this.getBillNum()].eChart;
var isCanShowInMobile = this.canShowInMobile();
var chartTags = this.getChartTags();
var dimensionOptions = new Array();
this.state.dimensionData && this.state.dimensionData.length && this.state.dimensionData.forEach(function (item) {
dimensionOptions.push(_react["default"].createElement(Option, {
value: item.id
}, item.name));
});
return _react["default"].createElement("div", null, _react["default"].createElement(_row["default"], {
className: "crosstype"
}, RadioControl), _react["default"].createElement(_row["default"], {
colCount: 12,
className: "crosstype"
}, _react["default"].createElement(_col["default"], {
span: 1,
className: "crosstypeName crosstypeline"
}, _react["default"].createElement("i", {
className: "anticon anticon-star nametitlemarginstar"
}), "\u540D\u79F0"), _react["default"].createElement(_col["default"], {
span: 1
}), _react["default"].createElement(_col["default"], {
span: 4,
className: "crosstypeNameList crossinput"
}, _react["default"].createElement(_baseui.Input, {
defaultValue: editCondition.name,
onChange: function onChange(e) {
return _this6.editCondition_SetValue("name", e.target.value);
}
}), " "), _react["default"].createElement(_col["default"], {
span: 1
}), _react["default"].createElement(_col["default"], {
span: 5,
className: "crosscheckbox"
}, _react["default"].createElement(_baseui.Checkbox, {
checked: editCondition.isDefault,
onChange: function onChange(e) {
return _this6.editCondition_SetValue("isDefault", e.target.checked);
}
}, "\u8BBE\u4E3A\u9ED8\u8BA4"))), _react["default"].createElement(_row["default"], {
className: "crosstype"
}, _react["default"].createElement("span", {
className: "eChart-displayTitle"
}, _react["default"].createElement("i", {
className: "anticon anticon-star"
}), "\u5E03\u5C40"), _react["default"].createElement("div", {
className: "eChart-global"
}, _react["default"].createElement("span", {
className: "eChart_DisplayType"
}, _react["default"].createElement(_baseui.Radio, {
checked: eChart.displayType == 3 ? true : false,
onChange: function onChange(e) {
return _this6.eChartSetting_SetDisplayType(3);
}
})), _react["default"].createElement("span", {
className: "",
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this6.eChartSetting_SetDisplayType(3);
}
}, "\u56FE+\u8868"), _react["default"].createElement("span", {
className: "eChart_DisplayType"
}, _react["default"].createElement(_baseui.Radio, {
checked: eChart.displayType == 2 ? true : false,
onChange: function onChange(e) {
return _this6.eChartSetting_SetDisplayType(2);
}
})), _react["default"].createElement("span", {
className: "",
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this6.eChartSetting_SetDisplayType(2);
}
}, "\u56FE"), _react["default"].createElement("span", {
className: "eChart_DisplayType"
}, _react["default"].createElement(_baseui.Radio, {
checked: eChart.displayType == 2 || eChart.displayType == 3 ? false : true,
onChange: function onChange(e) {
return _this6.eChartSetting_SetDisplayType(1);
}
})), _react["default"].createElement("span", {
className: "",
style: {
cursor: "pointer"
},
onClick: function onClick() {
return _this6.eChartSetting_SetDisplayType(1);
}
}, "\u8868"), _react["default"].createElement("span", {
className: "eChart_Setting"
}, _react["default"].createElement(_baseui.Button, {
disabled: eChart.displayType == 2 || eChart.displayType == 3 ? false : true,
onClick: function onClick() {
return _this6.showEChartSetting(true, "");
}
}, "\u589E\u52A0\u56FE\u5F62\u62A5\u8868")), eChart.displayType > 1 ? _react["default"].createElement("span", {
className: "Charts-columns"
}, "\u56FE\u8868\u5217\u6570") : "", eChart.displayType > 1 ? _react["default"].createElement("span", {
className: "Charts-columns-input"
}, _react["default"].createElement(_baseui.Input, {
placeholder: "\u8BF7\u8F93\u5165",
value: eChart.eChartConfig.subChartColNum,
onChange: function onChange(e) {
return _this6.eChartSetting_SetSubChartColNum(e.target.value);
}
})) : "", eChart.displayType > 1 ? _react["default"].createElement("span", {
className: "Charts-columns-input-hint"
}, "\u8BF7\u8F93\u5165", _react["default"].createElement("span", null, "1-3"), "\u7684\u6574\u6570") : "")), eChart.displayType > 1 ? _react["default"].createElement(_row["default"], {
className: "crosstype"
}, _react["default"].createElement("span", {
className: "crosstypeName crosstypeline"
}, _react["default"].createElement("i", {
className: "anticon anticon-star"
}), "\u5C55\u793A"), chartTags) : "", _react["default"].createElement(_row["default"], {
className: "crosstype"
}, _react["default"].createElement("span", {
className: "eChart-ApplyAt"
}, _react["default"].createElement("i", {
className: "anticon anticon-star"
}), "\u5C55\u73B0"), _react["default"].createElement("span", {
className: "eChart-ApplyAtPc",
style: {
cursor: "pointer"
}
}, _react["default"].createElement(_baseui.Checkbox, {
checked: editCondition.isPc,
onChange: function onChange(e) {
return _this6.editCondition_SetValue("isPc", e.target.checked);
}
}, "PC\u7AEF\u5C55\u73B0")), _react["default"].createElement("span", {
className: "eChart-ApplyAtMobile",
style: {
cursor: "pointer"
}
}, _react["default"].createElement(_baseui.Checkbox, {
disabled: !isCanShowInMobile,
checked: editCondition.isMobile,
onChange: function onChange(e) {
return _this6.editCondition_SetValue("isMobile", e.target.checked);
}
}, "\u79FB\u52A8\u7AEF\u5C55\u73B0"))), this.state.dimensionData && this.state.dimensionData.length > 0 ? _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", {
className: "eChart-ApplyAt"
}, _react["default"].createElement("i", {
className: "anticon"
}), "\u5BFC\u822A"), _react["default"].createElement(_baseui.Select, {
value: editCondition.dimensionId,
onChange: function onChange(value) {
return _this6.editCondition_SetValue("dimensionId", value);
}
}, dimensionOptions)) : "", _react["default"].createElement(_row["default"], {
colCount: 12
}, _react["default"].createElement(_col["default"], {
span: 5,
className: "crossadddata"
}, _react["default"].createElement("div", null, _react["default"].createElement(_row["default"], {
className: "crossaddnamemargin"
}, "\u6DFB\u52A0\u6570\u636E\u9879"), _react["default"].createElement("div", {
className: "crossselectborder"
}, _react["default"].createElement(_InputSearch["default"], {
placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
value: editCondition.keyWord,
onChange: function onChange(value) {
return _this6.editCondition_SetValue("keyWord", value.currentTarget.value);
},
onDelete: function onDelete() {
return _this6.editCondition_SetValue("keyWord", "");
}
}), _react["default"].createElement(_row["default"], {
className: "crossadddatalist"
}, leftContentCheckBoxs)))), _react["default"].createElement(_col["default"], {
span: 2,
className: "crossbtncount"
}, _react["default"].createElement(_baseui.Button, {
disabled: !bToRightEnable,
onClick: function onClick() {
return _this6.moveItems(true);
},
className: bToRightEnable ? "icon-right-enabled" : "icon-right-disabled"
}), _react["default"].createElement(_baseui.Button, {
disabled: !bToLeftEnable,
onClick: function onClick() {
return _this6.moveItems(false);
},
className: bToLeftEnable ? "icon-left-enabled" : "icon-left-disabled"
})), _react["default"].createElement(_col["default"], {
span: 5,
className: "selecteddata"
}, _react["default"].createElement("div", null, _react["default"].createElement(_row["default"], {
className: "crossaddnamemargin"
}, "\u5DF2\u9009\u6570\u636E\u9879"), _react["default"].createElement("div", {
className: "groupCondition-SelectedItem"
}, _react["default"].createElement("div", {
onClick: function onClick() {
return _this6.editCondition_SetValue("focusedGroupType", 0);
},
className: "groupCondition-SelectedItem-Row2"
}, _react["default"].createElement("div", {
className: "titlemore titlemore-none" + (editCondition.focusedGroupType == 0 ? " groupCondition-SelectedItem-Selected" : "")
}, _react["default"].createElement("span", null, "\u7EF4\u5EA6")), _react["default"].createElement("div", {
className: "titlename-list3"
}, rightContentCheckBoxs_0)), _react["default"].createElement("div", {
onClick: function onClick() {
return _this6.editCondition_SetValue("focusedGroupType", 3);
},
className: "groupCondition-SelectedItem-Row2"
}, _react["default"].createElement("div", {
className: "titlemore" + (editCondition.focusedGroupType == 3 ? " groupCondition-SelectedItem-Selected" : "")
}, _react["default"].createElement("span", null, "\u6307\u6807"), _react["default"].createElement("div", {
className: "groupCondition-HideAllZeroRow",
style: {
display: ''
}
}, _react["default"].createElement(_baseui.Checkbox, {
checked: !editCondition.isDisplayZero,
onChange: function onChange(e) {
return _this6.editCondition_SetValue("isDisplayZero", !e.target.checked);
}
}, "\u4E0D\u663E\u793A\u6307\u6807\u5168\u4E3A\u96F6\u7684\u6570\u636E\u884C"))), _react["default"].createElement("div", {
className: "titlename-list3"
}, rightContentCheckBoxs_3)))))));
}
}, {
key: "getChartTags",
value: function getChartTags() {
var self = this;
var groupConditionState = this.props.groupConditionState;
var eChart = groupConditionState[this.getBillNum()].eChart;
var subChartConfigArr = _.get(eChart, "eChartConfig.subChartConfigArr");
var bShowEChartSetting = groupConditionState[this.getBillNum()].bShowEChartSetting;
var bShowEChartSetting_Add = groupConditionState[this.getBillNum()].bShowEChartSetting_Add;
var tags = [];
if (subChartConfigArr) {
subChartConfigArr.forEach(function (ele, index) {
var bAddAndLastOne = index == subChartConfigArr.length - 1 && bShowEChartSetting && bShowEChartSetting_Add;
if (bAddAndLastOne == false) {
var textPath = "eChartSetting.title.text";
if (_.get(ele, "yySetting.type") == "ranktable") {
textPath = "yySetting.title.text";
}
var name = _.get(ele, textPath) || "图形";
tags.push(_react["default"].createElement("div", {
className: "eChart-SubChartTag"
}, _react["default"].createElement("span", {
className: "eChart-SubChartTag-Name",
onClick: function onClick() {
return self.showEChartSetting(true, ele.chartKey);
}
}, name), _react["default"].createElement("span", {
className: "eChart-SubChartTag-Icon"
}, _react["default"].createElement(_baseui.Icon, {
onClick: function onClick() {
return self.removeConfig(ele.chartKey);
},
type: "guanbi1"
}))));
}
});
}
return _react["default"].createElement("div", {
className: "eChart-global2"
}, tags);
}
}, {
key: "canShowInMobile",
value: function canShowInMobile() {
var groupConditionState = this.props.groupConditionState;
var isCanShowInMobile = true;
var subChartConfigArr = _.get(groupConditionState[this.getBillNum()], 'eChart.eChartConfig.subChartConfigArr');
if (subChartConfigArr) {
if (_.findIndex(subChartConfigArr, function (o) {
return o.yySetting.type == "ranktable";
}) >= 0) {
isCanShowInMobile = false;
}
}
return isCanShowInMobile;
}
}, {
key: "setColumnDefineValue",
value: function setColumnDefineValue(groupType, fieldname, defineName, value) {
var _this$props22 = this.props,
groupConditionState = _this$props22.groupConditionState,
groupConditionRedux = _this$props22.groupConditionRedux;
groupConditionRedux.setColumnDefineValue(this.getBillNum(), groupType, fieldname, defineName, value);
}
}, {
key: "getColumnDefineRender",
value: function getColumnDefineRender(itemEle, defineData) {
{}
var _this$props23 = this.props,
groupConditionState = _this$props23.groupConditionState,
groupConditionRedux = _this$props23.groupConditionRedux;
var self = this;
var renderList = [];
if (defineData && defineData.length > 0) {
defineData.forEach(function (ele, index) {
var _this7 = this;
var item;
if (ele.controltype == "select") {
var options = new Array();
if (ele.enumArray && ele.enumArray.length) {
var arr = JSON.parse(ele.enumArray);
arr.forEach(function (ele2) {
options.push(_react["default"].createElement(_baseui.Radio, {
value: ele2.key
}, ele2.value));
});
}
item = _react["default"].createElement("div", null, _react["default"].createElement("span", null, ele.caption, " "), _react["default"].createElement(RadioGroup, {
value: ele.value,
onChange: function onChange(e) {
return _this7.setColumnDefineValue(itemEle.groupType, itemEle.fieldname, ele.name, e.target.value);
}
}, options));
} else if (ele.controltype == "checkbox") {
item = _react["default"].createElement(_baseui.Checkbox, {
checked: ele.value == "true" ? true : false,
onChange: function onChange(e) {
return self.setColumnDefineValue(itemEle.groupType, itemEle.fieldname, ele.name, e.target.checked.toString());
}
}, ele.caption);
}
if (item) renderList.push(_react["default"].createElement("div", null, item));
}, this);
}
return _react["default"].createElement("div", {
className: "group-add-grouping-count"
}, _react["default"].createElement("div", null, renderList), _react["default"].createElement("div", {
className: "footer-btn"
}, _react["default"].createElement(_baseui.Button, {
type: "primary",
onClick: function onClick() {
return self.SaveColumnDefine(true);
}
}, "\u4FDD\u5B58"), _react["default"].createElement(_baseui.Button, {
type: "default",
onClick: function onClick() {
return self.SaveColumnDefine(false);
}
}, "\u53D6\u6D88")));
}
}, {
key: "SaveColumnDefine",
value: function SaveColumnDefine(bSave) {
var _this$props24 = this.props,
groupConditionState = _this$props24.groupConditionState,
groupConditionRedux = _this$props24.groupConditionRedux;
groupConditionRedux.editCondition_SaveColumnDefine(this.getBillNum(), bSave);
}
}, {
key: "getColumnDefine",