@zgfe/modules-interval 1.0.23-zhongyuan.0 → 1.0.23-zhongyuan.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +35 -35
- package/dist/esm/components/common/styles/index.less +40 -40
- package/dist/esm/components/eventFilter/styles/index.less +39 -39
- package/dist/esm/components/renderContent/styles/index.less +36 -36
- package/dist/esm/components/searchPanel/styles/index.less +71 -71
- package/dist/esm/components/table/styles/index.less +138 -138
- package/dist/esm/components/topBar/styles/index.less +16 -16
- package/dist/esm/constants/apis.js +4 -4
- package/dist/esm/constants/code.d.ts +13 -0
- package/dist/esm/constants/code.js +13 -0
- package/dist/esm/constants/fields.js +4 -4
- package/dist/esm/modules/chart/index.js +10 -3
- package/dist/esm/modules/chart/index.less +58 -58
- package/dist/esm/modules/chart/intervalChart.js +1 -1
- package/dist/esm/modules/chart/types.d.ts +5 -0
- package/dist/esm/modules/content/index.js +49 -19
- package/dist/esm/modules/content/styles/index.less +25 -25
- package/dist/esm/modules/content/utils.js +1 -1
- package/dist/esm/modules/home/demo/create.js +5 -3
- package/dist/esm/modules/home/demo/edit.js +132 -34
- package/dist/esm/modules/home/demo/index.js +1 -1
- package/dist/esm/modules/home/demo/scene.js +1 -1
- package/dist/esm/modules/home/demo/styles/index.less +33 -33
- package/dist/esm/modules/home/index.js +8 -1
- package/dist/esm/modules/home/styles/index.less +69 -69
- package/dist/esm/modules/topPanel/index.js +39 -29
- package/dist/esm/modules/topPanel/styles/index.less +6 -6
- package/dist/esm/modules/topPanel/types.d.ts +1 -0
- package/dist/esm/style/image/empty.png +0 -0
- package/dist/esm/style/image/ring.svg +9 -9
- package/dist/esm/style/index.less +67 -67
- package/dist/esm/types.js +6 -6
- package/dist/esm/utils/ajaxConfig.js +5 -5
- package/dist/esm/utils/formData.d.ts +4 -0
- package/dist/esm/utils/formData.js +9 -3
- package/dist/esm/utils/util.js +28 -28
- package/package.json +7 -7
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
3
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
4
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
5
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
6
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
12
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
13
|
import { ajax, BizGlobalDataContext, BizLayout, BizTargetFromPanelContext } from '@zgfe/business-lib';
|
|
14
14
|
import React, { useContext, useEffect, useRef, useState } from 'react';
|
|
15
15
|
import Request from 'umi-request';
|
|
@@ -21,11 +21,15 @@ import { judgeIsCity, judgeIsArea, getValue, searchDataParams } from "./utils";
|
|
|
21
21
|
import { ContentPanel, SearchPanel } from "../../components";
|
|
22
22
|
import TopPanel from "../topPanel";
|
|
23
23
|
import { message } from 'antd';
|
|
24
|
+
import { ERROR_RESPONESE_CODE } from "../../constants/code";
|
|
24
25
|
var CancelToken = Request.CancelToken;
|
|
25
26
|
var cancel;
|
|
26
27
|
var refresh = false;
|
|
27
28
|
var timer = 0;
|
|
28
29
|
var classPrefix = 'interval-content';
|
|
30
|
+
var RESPONESE_CODE = _objectSpread({
|
|
31
|
+
SUCCESS: '100000'
|
|
32
|
+
}, ERROR_RESPONESE_CODE);
|
|
29
33
|
var EventContent = function EventContent(props) {
|
|
30
34
|
// 最后的查询数据(防止图表在还没查询时就改变了类型)
|
|
31
35
|
var _useState = useState(props.value),
|
|
@@ -69,7 +73,8 @@ var EventContent = function EventContent(props) {
|
|
|
69
73
|
eventEnvList = _useContext2.eventEnvList,
|
|
70
74
|
userPropList = _useContext2.userPropList,
|
|
71
75
|
setRefreshLoading = _useContext2.setRefreshLoading,
|
|
72
|
-
panelId = _useContext2.panelId
|
|
76
|
+
panelId = _useContext2.panelId,
|
|
77
|
+
setException = _useContext2.setException;
|
|
73
78
|
var _useContext3 = useContext(BizTargetFromPanelContext),
|
|
74
79
|
handleSearch = _useContext3.handleSearch;
|
|
75
80
|
var collapseRef = useRef();
|
|
@@ -91,6 +96,7 @@ var EventContent = function EventContent(props) {
|
|
|
91
96
|
}
|
|
92
97
|
}
|
|
93
98
|
if (!searchData || !searchData.analysisModel) return;
|
|
99
|
+
if (!refresh) setLoading(true);
|
|
94
100
|
if (timer) clearTimeout(timer);
|
|
95
101
|
var flag = true;
|
|
96
102
|
timer = setTimeout(function () {
|
|
@@ -111,14 +117,18 @@ var EventContent = function EventContent(props) {
|
|
|
111
117
|
// 查询
|
|
112
118
|
var fetchRequest = function fetchRequest() {
|
|
113
119
|
var _searchData$start, _searchData$end, _searchData$associate, _searchData$associate2, _searchData$associate3;
|
|
120
|
+
if (typeof cancel == 'function') {
|
|
121
|
+
cancel();
|
|
122
|
+
cancel = undefined;
|
|
123
|
+
}
|
|
114
124
|
if ((searchData === null || searchData === void 0 ? void 0 : (_searchData$start = searchData.start) === null || _searchData$start === void 0 ? void 0 : _searchData$start.id) === null || (searchData === null || searchData === void 0 ? void 0 : (_searchData$end = searchData.end) === null || _searchData$end === void 0 ? void 0 : _searchData$end.id) === null) {
|
|
115
|
-
|
|
125
|
+
loadingHandle();
|
|
116
126
|
return;
|
|
117
127
|
}
|
|
118
|
-
|
|
119
|
-
|
|
128
|
+
if (!refresh) loadingHandle();
|
|
129
|
+
setException(false);
|
|
120
130
|
if (searchData !== null && searchData !== void 0 && (_searchData$associate = searchData.associatedNextAttr) !== null && _searchData$associate !== void 0 && _searchData$associate.type && (searchData === null || searchData === void 0 ? void 0 : (_searchData$associate2 = searchData.associatedPreAttr) === null || _searchData$associate2 === void 0 ? void 0 : _searchData$associate2.type) !== (searchData === null || searchData === void 0 ? void 0 : (_searchData$associate3 = searchData.associatedNextAttr) === null || _searchData$associate3 === void 0 ? void 0 : _searchData$associate3.type)) {
|
|
121
|
-
|
|
131
|
+
loadingHandle();
|
|
122
132
|
return message.error('您查询的属性不一致,暂不支持查询');
|
|
123
133
|
}
|
|
124
134
|
var params = searchDataParams(searchData);
|
|
@@ -128,28 +138,47 @@ var EventContent = function EventContent(props) {
|
|
|
128
138
|
data: _objectSpread(_objectSpread({
|
|
129
139
|
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
|
|
130
140
|
}, params), {}, {
|
|
141
|
+
snapshotId: searchData === null || searchData === void 0 ? void 0 : searchData.snapshotId,
|
|
131
142
|
refresh: refresh
|
|
132
143
|
}),
|
|
144
|
+
intercept: false,
|
|
133
145
|
cancelToken: new CancelToken(function executor(c) {
|
|
134
146
|
cancel = c;
|
|
135
147
|
})
|
|
136
148
|
}).then(function (res) {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
149
|
+
// 根据接口 code 判断后续的处理逻辑, 优先处理异常错误code
|
|
150
|
+
// EXCEPTION 可能发生在正常查询及刷新中
|
|
151
|
+
if ((res === null || res === void 0 ? void 0 : res.code) == RESPONESE_CODE.EXCEPTION) {
|
|
152
|
+
setException(true);
|
|
153
|
+
loadingHandle();
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
// 处理其他非成功情况
|
|
157
|
+
if (res.code != RESPONESE_CODE.SUCCESS) {
|
|
158
|
+
message.error(res === null || res === void 0 ? void 0 : res.msg);
|
|
159
|
+
loadingHandle();
|
|
140
160
|
return;
|
|
141
161
|
}
|
|
142
162
|
var result = res.data;
|
|
143
163
|
setEventData(result);
|
|
144
164
|
setFinalSearchData(_objectSpread({}, searchData));
|
|
145
|
-
|
|
146
|
-
setLoading(false);
|
|
147
|
-
}, 0);
|
|
165
|
+
loadingHandle();
|
|
148
166
|
}).catch(function () {
|
|
149
|
-
|
|
167
|
+
loadingHandle();
|
|
150
168
|
});
|
|
151
169
|
};
|
|
152
170
|
|
|
171
|
+
// 关闭loading
|
|
172
|
+
var loadingHandle = function loadingHandle() {
|
|
173
|
+
// 使用setTimeout放到宏任务队列中
|
|
174
|
+
// 预防在loading关闭时,数据还在变动中,这会导致渲染展示的还是上次查询的数据
|
|
175
|
+
setTimeout(function () {
|
|
176
|
+
setLoading && setLoading(false);
|
|
177
|
+
setRefreshLoading && setRefreshLoading(false);
|
|
178
|
+
refresh = false;
|
|
179
|
+
}, 0);
|
|
180
|
+
};
|
|
181
|
+
|
|
153
182
|
// 立即刷新
|
|
154
183
|
var refreshHandle = function refreshHandle() {
|
|
155
184
|
refresh = true;
|
|
@@ -190,8 +219,8 @@ var EventContent = function EventContent(props) {
|
|
|
190
219
|
return _objectSpread(_objectSpread({}, data), {}, {
|
|
191
220
|
time: _searchData.time,
|
|
192
221
|
platform: _searchData.platform || 0,
|
|
193
|
-
userGroup: data.analysisSubject ? undefined : data.userGroup,
|
|
194
|
-
analysisSubject: data.analysisSubject ? data.analysisSubject : undefined
|
|
222
|
+
userGroup: data !== null && data !== void 0 && data.analysisSubject ? undefined : data.userGroup,
|
|
223
|
+
analysisSubject: data !== null && data !== void 0 && data.analysisSubject ? data === null || data === void 0 ? void 0 : data.analysisSubject : undefined
|
|
195
224
|
});
|
|
196
225
|
});
|
|
197
226
|
};
|
|
@@ -212,6 +241,7 @@ var EventContent = function EventContent(props) {
|
|
|
212
241
|
collapseRef: collapseRef,
|
|
213
242
|
onChange: onChangeSearch,
|
|
214
243
|
defaultValue: searchData,
|
|
244
|
+
propsDefaultValue: props.defaultValue,
|
|
215
245
|
loading: loading,
|
|
216
246
|
finalSearchData: finalSearchData
|
|
217
247
|
})
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
-
.interval-content {
|
|
3
|
-
&-header {
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: space-between;
|
|
7
|
-
padding: 0 16px;
|
|
8
|
-
background: #fafafb;
|
|
9
|
-
> span {
|
|
10
|
-
color: var(--io-N-, #021429);
|
|
11
|
-
font-weight: 500;
|
|
12
|
-
font-size: 16px;
|
|
13
|
-
font-family: 'PingFang SC';
|
|
14
|
-
font-style: normal;
|
|
15
|
-
line-height: 20px; /* 125% */
|
|
16
|
-
letter-spacing: 0.016px;
|
|
17
|
-
white-space: nowrap;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
&-options {
|
|
21
|
-
display: flex;
|
|
22
|
-
justify-content: flex-end;
|
|
23
|
-
margin-bottom: 16px;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
1
|
+
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
+
.interval-content {
|
|
3
|
+
&-header {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
padding: 0 16px;
|
|
8
|
+
background: #fafafb;
|
|
9
|
+
> span {
|
|
10
|
+
color: var(--io-N-, #021429);
|
|
11
|
+
font-weight: 500;
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
font-family: 'PingFang SC';
|
|
14
|
+
font-style: normal;
|
|
15
|
+
line-height: 20px; /* 125% */
|
|
16
|
+
letter-spacing: 0.016px;
|
|
17
|
+
white-space: nowrap;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
&-options {
|
|
21
|
+
display: flex;
|
|
22
|
+
justify-content: flex-end;
|
|
23
|
+
margin-bottom: 16px;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -98,7 +98,7 @@ export function searchDataParams(params) {
|
|
|
98
98
|
associatedPreAttr: params === null || params === void 0 ? void 0 : (_params$associatedPre = params.associatedPreAttr) === null || _params$associatedPre === void 0 ? void 0 : _params$associatedPre.id,
|
|
99
99
|
associatedNextAttr: params === null || params === void 0 ? void 0 : (_params$associatedNex = params.associatedNextAttr) === null || _params$associatedNex === void 0 ? void 0 : _params$associatedNex.id,
|
|
100
100
|
analysisModel: params.analysisModel,
|
|
101
|
-
analysisSubject: params.analysisSubject
|
|
101
|
+
analysisSubject: params === null || params === void 0 ? void 0 : params.analysisSubject
|
|
102
102
|
};
|
|
103
103
|
}
|
|
104
104
|
export function transformData(data) {
|
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
11
11
|
import { Button } from 'antd';
|
|
12
12
|
var defaultValue = null;
|
|
@@ -33,9 +33,10 @@ export default (function () {
|
|
|
33
33
|
var onUserDrill = function onUserDrill(data, searchData) {
|
|
34
34
|
console.log('onUserDrill:', data, searchData);
|
|
35
35
|
};
|
|
36
|
+
var onJumpWarning = function onJumpWarning() {};
|
|
36
37
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
37
38
|
needMeta: true,
|
|
38
|
-
defaultApp:
|
|
39
|
+
defaultApp: 3
|
|
39
40
|
}, isDetail ? /*#__PURE__*/React.createElement("div", null, JSON.stringify(detailParams), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
|
|
40
41
|
onClick: function onClick() {
|
|
41
42
|
return setIsDetail(false);
|
|
@@ -43,6 +44,7 @@ export default (function () {
|
|
|
43
44
|
}, "\u8FD4\u56DE")) : /*#__PURE__*/React.createElement(ModuleInterval, {
|
|
44
45
|
defaultValue: searchParams,
|
|
45
46
|
afterEditTarget: afterEditTarget,
|
|
46
|
-
onUserDrill: onUserDrill
|
|
47
|
+
onUserDrill: onUserDrill,
|
|
48
|
+
onJumpWarning: onJumpWarning
|
|
47
49
|
}));
|
|
48
50
|
});
|
|
@@ -6,48 +6,146 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
11
11
|
import { Button } from 'antd';
|
|
12
12
|
var defaultValue = {
|
|
13
|
-
|
|
14
|
-
name: '测试6666',
|
|
15
|
-
type: 0,
|
|
13
|
+
appId: 52,
|
|
16
14
|
enlarged: 0,
|
|
17
|
-
|
|
15
|
+
hasPermission: true,
|
|
16
|
+
id: 488,
|
|
17
|
+
isPerfect: 1,
|
|
18
|
+
name: '间隔',
|
|
19
|
+
reqParam: {
|
|
20
|
+
data: {
|
|
21
|
+
appId: 52,
|
|
22
|
+
module: 'interval',
|
|
23
|
+
userGroup: [0],
|
|
24
|
+
start: {
|
|
25
|
+
id: 590,
|
|
26
|
+
name: 'pv',
|
|
27
|
+
deleted: 0
|
|
28
|
+
},
|
|
29
|
+
associatedPreAttr: {
|
|
30
|
+
realTime: true,
|
|
31
|
+
eventId: 590,
|
|
32
|
+
propCategory: 'eventProp',
|
|
33
|
+
alias: '',
|
|
34
|
+
id: 31415926,
|
|
35
|
+
label: '业务',
|
|
36
|
+
dimensionSub: 'event_attr',
|
|
37
|
+
type: 1,
|
|
38
|
+
key: 'eventProp-31415926',
|
|
39
|
+
isHidden: 0
|
|
40
|
+
},
|
|
41
|
+
associatedNextAttr: {
|
|
42
|
+
realTime: true,
|
|
43
|
+
eventId: 590,
|
|
44
|
+
propCategory: 'eventProp',
|
|
45
|
+
alias: '',
|
|
46
|
+
id: 3045,
|
|
47
|
+
label: 'page_title',
|
|
48
|
+
dimensionSub: 'event_attr',
|
|
49
|
+
type: 1,
|
|
50
|
+
key: 'eventProp-3045',
|
|
51
|
+
isHidden: 0
|
|
52
|
+
},
|
|
53
|
+
end: {
|
|
54
|
+
id: 590,
|
|
55
|
+
name: 'pv',
|
|
56
|
+
deleted: 0
|
|
57
|
+
},
|
|
58
|
+
dimension: {
|
|
59
|
+
id: 0,
|
|
60
|
+
alias: null,
|
|
61
|
+
category: 'fixed',
|
|
62
|
+
key: 'userProp-last_visit_time-0',
|
|
63
|
+
label: '最后一次访问时间',
|
|
64
|
+
name: 'last_visit_time',
|
|
65
|
+
propCategory: 'userProp',
|
|
66
|
+
type: 3,
|
|
67
|
+
realTime: false,
|
|
68
|
+
dimensionSub: 'last_visit_time'
|
|
69
|
+
},
|
|
70
|
+
analysisModel: 'commonInterval',
|
|
71
|
+
time: {
|
|
72
|
+
begin: '2024-11-15',
|
|
73
|
+
end: '2024-11-22',
|
|
74
|
+
relative: [7, 0],
|
|
75
|
+
unit: 'day'
|
|
76
|
+
},
|
|
77
|
+
platform: 0,
|
|
78
|
+
chartType: 'boxplot'
|
|
79
|
+
},
|
|
80
|
+
chosen_data: []
|
|
81
|
+
},
|
|
82
|
+
type: 0,
|
|
83
|
+
unExistEvent: '',
|
|
84
|
+
renderType: 'normal',
|
|
85
|
+
source: 'PANEL',
|
|
86
|
+
panelId: 87,
|
|
18
87
|
panelType: 'edit',
|
|
19
88
|
data: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
time: {
|
|
28
|
-
unit: 'day',
|
|
29
|
-
relative: [14, 0],
|
|
30
|
-
begin: '2023-08-04',
|
|
31
|
-
end: '2023-08-18'
|
|
89
|
+
appId: 52,
|
|
90
|
+
module: 'interval',
|
|
91
|
+
userGroup: [0],
|
|
92
|
+
start: {
|
|
93
|
+
id: 590,
|
|
94
|
+
name: 'pv',
|
|
95
|
+
deleted: 0
|
|
32
96
|
},
|
|
33
|
-
|
|
97
|
+
associatedPreAttr: {
|
|
98
|
+
realTime: true,
|
|
99
|
+
eventId: 590,
|
|
34
100
|
propCategory: 'eventProp',
|
|
35
|
-
|
|
101
|
+
alias: '',
|
|
102
|
+
id: 31415926,
|
|
103
|
+
label: '业务',
|
|
104
|
+
dimensionSub: 'event_attr',
|
|
105
|
+
type: 1,
|
|
106
|
+
key: 'eventProp-31415926',
|
|
107
|
+
isHidden: 0
|
|
36
108
|
},
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
109
|
+
associatedNextAttr: {
|
|
110
|
+
realTime: true,
|
|
111
|
+
eventId: 590,
|
|
112
|
+
propCategory: 'eventProp',
|
|
113
|
+
alias: '',
|
|
114
|
+
id: 3045,
|
|
115
|
+
label: 'page_title',
|
|
116
|
+
dimensionSub: 'event_attr',
|
|
117
|
+
type: 1,
|
|
118
|
+
key: 'eventProp-3045',
|
|
119
|
+
isHidden: 0
|
|
120
|
+
},
|
|
121
|
+
end: {
|
|
122
|
+
id: 590,
|
|
123
|
+
name: 'pv',
|
|
124
|
+
deleted: 0
|
|
125
|
+
},
|
|
126
|
+
dimension: {
|
|
127
|
+
id: 0,
|
|
128
|
+
alias: null,
|
|
129
|
+
category: 'fixed',
|
|
130
|
+
key: 'userProp-last_visit_time-0',
|
|
131
|
+
label: '最后一次访问时间',
|
|
132
|
+
name: 'last_visit_time',
|
|
133
|
+
propCategory: 'userProp',
|
|
134
|
+
type: 3,
|
|
135
|
+
realTime: false,
|
|
136
|
+
dimensionSub: 'last_visit_time'
|
|
137
|
+
},
|
|
138
|
+
analysisModel: 'commonInterval',
|
|
139
|
+
time: {
|
|
140
|
+
begin: '2024-11-15',
|
|
141
|
+
end: '2024-11-22',
|
|
142
|
+
relative: [7, 0],
|
|
143
|
+
unit: 'day'
|
|
144
|
+
},
|
|
145
|
+
platform: 0,
|
|
146
|
+
chartType: 'boxplot'
|
|
147
|
+
},
|
|
148
|
+
chosen_data: []
|
|
51
149
|
};
|
|
52
150
|
export default (function () {
|
|
53
151
|
// 是否进入用户钻取页面
|
|
@@ -74,7 +172,7 @@ export default (function () {
|
|
|
74
172
|
};
|
|
75
173
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
76
174
|
needMeta: true,
|
|
77
|
-
defaultApp:
|
|
175
|
+
defaultApp: 52
|
|
78
176
|
}, isDetail ? /*#__PURE__*/React.createElement("div", null, JSON.stringify(detailParams), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
|
|
79
177
|
onClick: function onClick() {
|
|
80
178
|
return setIsDetail(false);
|
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
8
8
|
import React, { useEffect, useState } from 'react';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import "./styles/index.less";
|
|
11
11
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
12
12
|
import { Button } from 'antd';
|
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
11
11
|
import { Button } from 'antd';
|
|
12
12
|
var defaultValue = {
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/*滚动条凹槽的颜色,还可以设置边框属性 */
|
|
2
|
-
::-webkit-scrollbar-track-piece {
|
|
3
|
-
background-color: #fff;
|
|
4
|
-
-webkit-border-radius: 10px;
|
|
5
|
-
-moz-border-radius: 10px;
|
|
6
|
-
border-radius: 10px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
/*滚动条的宽度*/
|
|
10
|
-
::-webkit-scrollbar {
|
|
11
|
-
width: 10px;
|
|
12
|
-
height: 10px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/*滚动条的设置*/
|
|
16
|
-
::-webkit-scrollbar-thumb {
|
|
17
|
-
background-color: #cacdd4;
|
|
18
|
-
background-clip: padding-box;
|
|
19
|
-
border: 2px solid #fff;
|
|
20
|
-
-webkit-border-radius: 10px;
|
|
21
|
-
-moz-border-radius: 10px;
|
|
22
|
-
border-radius: 10px;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/*滚动条鼠标移上去*/
|
|
26
|
-
::-webkit-scrollbar-thumb:hover {
|
|
27
|
-
// background-color: #bbb;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
::-webkit-scrollbar-track-piece {
|
|
31
|
-
width: 6px;
|
|
32
|
-
height: 6px;
|
|
33
|
-
}
|
|
1
|
+
/*滚动条凹槽的颜色,还可以设置边框属性 */
|
|
2
|
+
::-webkit-scrollbar-track-piece {
|
|
3
|
+
background-color: #fff;
|
|
4
|
+
-webkit-border-radius: 10px;
|
|
5
|
+
-moz-border-radius: 10px;
|
|
6
|
+
border-radius: 10px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
/*滚动条的宽度*/
|
|
10
|
+
::-webkit-scrollbar {
|
|
11
|
+
width: 10px;
|
|
12
|
+
height: 10px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/*滚动条的设置*/
|
|
16
|
+
::-webkit-scrollbar-thumb {
|
|
17
|
+
background-color: #cacdd4;
|
|
18
|
+
background-clip: padding-box;
|
|
19
|
+
border: 2px solid #fff;
|
|
20
|
+
-webkit-border-radius: 10px;
|
|
21
|
+
-moz-border-radius: 10px;
|
|
22
|
+
border-radius: 10px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/*滚动条鼠标移上去*/
|
|
26
|
+
::-webkit-scrollbar-thumb:hover {
|
|
27
|
+
// background-color: #bbb;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
::-webkit-scrollbar-track-piece {
|
|
31
|
+
width: 6px;
|
|
32
|
+
height: 6px;
|
|
33
|
+
}
|
|
@@ -63,6 +63,11 @@ var ModuleInterval = function ModuleInterval(props) {
|
|
|
63
63
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
64
64
|
subjectEnable = _useState16[0],
|
|
65
65
|
setSubjectEnable = _useState16[1];
|
|
66
|
+
var _useState17 = useState(false),
|
|
67
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
68
|
+
exception = _useState18[0],
|
|
69
|
+
setException = _useState18[1];
|
|
70
|
+
|
|
66
71
|
// 初始化
|
|
67
72
|
useEffect(function () {
|
|
68
73
|
setLoading(true);
|
|
@@ -145,7 +150,9 @@ var ModuleInterval = function ModuleInterval(props) {
|
|
|
145
150
|
changeLoading: setLoading,
|
|
146
151
|
afterEditTarget: props.afterEditTarget,
|
|
147
152
|
onUserDrill: props.onUserDrill,
|
|
148
|
-
onJumpWarning: props.onJumpWarning
|
|
153
|
+
onJumpWarning: props.onJumpWarning,
|
|
154
|
+
exception: exception,
|
|
155
|
+
setException: setException
|
|
149
156
|
}
|
|
150
157
|
}, /*#__PURE__*/React.createElement(EventContent, {
|
|
151
158
|
defaultValue: props.defaultValue ? props.defaultValue.data : undefined,
|