@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,69 +1,69 @@
|
|
|
1
|
-
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
-
.ant-card-body {
|
|
3
|
-
padding: 0;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.interval-module-container {
|
|
7
|
-
width: 100%;
|
|
8
|
-
min-width: 1000px;
|
|
9
|
-
height: 100%;
|
|
10
|
-
background: #fafafb;
|
|
11
|
-
&-loading {
|
|
12
|
-
display: flex;
|
|
13
|
-
align-items: center;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
height: 100%;
|
|
16
|
-
}
|
|
17
|
-
.interval-layout {
|
|
18
|
-
.biz-layout-top {
|
|
19
|
-
padding: 0 16px 16px;
|
|
20
|
-
}
|
|
21
|
-
.biz-layout-collapse-container {
|
|
22
|
-
height: 24px;
|
|
23
|
-
}
|
|
24
|
-
.biz-layout-collapse-handle {
|
|
25
|
-
height: 24px;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
&-header-title {
|
|
29
|
-
height: 48px;
|
|
30
|
-
padding: 0px 24px;
|
|
31
|
-
color: #021429;
|
|
32
|
-
font-weight: 500;
|
|
33
|
-
font-size: 16px;
|
|
34
|
-
line-height: 48px;
|
|
35
|
-
background: #fff;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.biz-layout-top {
|
|
39
|
-
margin-top: 2px;
|
|
40
|
-
padding-top: 0;
|
|
41
|
-
|
|
42
|
-
.biz-user-group-header {
|
|
43
|
-
.ant-space-item {
|
|
44
|
-
color: #5f6085;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.ant-spin-container {
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: auto;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.biz-select-option:not(.biz-select-option-multiple),
|
|
55
|
-
.biz-attr-select-option {
|
|
56
|
-
&.active {
|
|
57
|
-
background: @primary-color !important;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
// 设置下拉框最大高度
|
|
62
|
-
.biz-select-overlay {
|
|
63
|
-
max-height: 300px;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.biz-layout-panel-content {
|
|
67
|
-
height: auto;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
1
|
+
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
+
.ant-card-body {
|
|
3
|
+
padding: 0;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.interval-module-container {
|
|
7
|
+
width: 100%;
|
|
8
|
+
min-width: 1000px;
|
|
9
|
+
height: 100%;
|
|
10
|
+
background: #fafafb;
|
|
11
|
+
&-loading {
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
height: 100%;
|
|
16
|
+
}
|
|
17
|
+
.interval-layout {
|
|
18
|
+
.biz-layout-top {
|
|
19
|
+
padding: 0 16px 16px;
|
|
20
|
+
}
|
|
21
|
+
.biz-layout-collapse-container {
|
|
22
|
+
height: 24px;
|
|
23
|
+
}
|
|
24
|
+
.biz-layout-collapse-handle {
|
|
25
|
+
height: 24px;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
&-header-title {
|
|
29
|
+
height: 48px;
|
|
30
|
+
padding: 0px 24px;
|
|
31
|
+
color: #021429;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
font-size: 16px;
|
|
34
|
+
line-height: 48px;
|
|
35
|
+
background: #fff;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.biz-layout-top {
|
|
39
|
+
margin-top: 2px;
|
|
40
|
+
padding-top: 0;
|
|
41
|
+
|
|
42
|
+
.biz-user-group-header {
|
|
43
|
+
.ant-space-item {
|
|
44
|
+
color: #5f6085;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.ant-spin-container {
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: auto;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.biz-select-option:not(.biz-select-option-multiple),
|
|
55
|
+
.biz-attr-select-option {
|
|
56
|
+
&.active {
|
|
57
|
+
background: @primary-color !important;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
// 设置下拉框最大高度
|
|
62
|
+
.biz-select-overlay {
|
|
63
|
+
max-height: 300px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.biz-layout-panel-content {
|
|
67
|
+
height: auto;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
@@ -21,6 +21,7 @@ var classPrefix = 'top-panel-interval';
|
|
|
21
21
|
var TopPanel = function TopPanel(props) {
|
|
22
22
|
var _props$defaultValue, _props$defaultValue2, _props$defaultValue3, _defaultValue$associa, _defaultValue$associa2, _finalSearchData$asso, _finalSearchData$asso2, _defaultValue$associa3, _finalSearchData$asso3, _defaultValue$associa4, _finalSearchData$asso4, _defaultValue$associa5, _finalSearchData$asso5, _defaultValue$associa6, _finalSearchData$asso6, _defaultValue$associa7, _finalSearchData$asso7, _defaultValue$associa8, _finalSearchData$asso8, _defaultValue$associa9, _finalSearchData$asso9, _defaultValue$associa10, _finalSearchData$asso10, _defaultValue$dimensi, _finalSearchData$dime, _defaultValue$dimensi2, _finalSearchData$dime2, _defaultValue$dimensi3, _finalSearchData$dime3, _defaultValue$dimensi4, _finalSearchData$dime4;
|
|
23
23
|
var defaultValue = props.defaultValue,
|
|
24
|
+
propsDefaultValue = props.propsDefaultValue,
|
|
24
25
|
loading = props.loading,
|
|
25
26
|
collapseRef = props.collapseRef,
|
|
26
27
|
finalSearchData = props.finalSearchData;
|
|
@@ -38,7 +39,7 @@ var TopPanel = function TopPanel(props) {
|
|
|
38
39
|
endEvent = _useState4[0],
|
|
39
40
|
setEndEvent = _useState4[1];
|
|
40
41
|
// 关联属性
|
|
41
|
-
var _useState5 = useState(false),
|
|
42
|
+
var _useState5 = useState(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr ? true : false),
|
|
42
43
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
43
44
|
relevancy = _useState6[0],
|
|
44
45
|
setRelevancy = _useState6[1];
|
|
@@ -62,14 +63,23 @@ var TopPanel = function TopPanel(props) {
|
|
|
62
63
|
inited = _useState12[0],
|
|
63
64
|
setInited = _useState12[1];
|
|
64
65
|
var formRef = React.useRef(null);
|
|
66
|
+
|
|
67
|
+
// 初始化设置细分属性
|
|
68
|
+
useEffect(function () {
|
|
69
|
+
if (formRef.current && propsDefaultValue && propsDefaultValue.dimension) {
|
|
70
|
+
var _formRef$current;
|
|
71
|
+
(_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.setFieldValue('dimension', propsDefaultValue.dimension);
|
|
72
|
+
}
|
|
73
|
+
}, [formRef.current, propsDefaultValue]);
|
|
65
74
|
function onSearch(values) {
|
|
66
75
|
if (props.onChange) {
|
|
76
|
+
var _values$analysisSubje, _values$analysisSubje2, _values$analysisSubje3, _values$analysisSubje4;
|
|
67
77
|
props.onChange(_objectSpread(_objectSpread({}, values), {}, {
|
|
68
|
-
analysisSubject: values.analysisSubject ? {
|
|
69
|
-
subjectId: values.analysisSubject.id,
|
|
70
|
-
subjectName: values.analysisSubject.subjectName,
|
|
71
|
-
subjectAlias: values.analysisSubject.subjectAlias,
|
|
72
|
-
unit: values.analysisSubject.unit
|
|
78
|
+
analysisSubject: values !== null && values !== void 0 && values.analysisSubject ? {
|
|
79
|
+
subjectId: values === null || values === void 0 ? void 0 : (_values$analysisSubje = values.analysisSubject) === null || _values$analysisSubje === void 0 ? void 0 : _values$analysisSubje.id,
|
|
80
|
+
subjectName: values === null || values === void 0 ? void 0 : (_values$analysisSubje2 = values.analysisSubject) === null || _values$analysisSubje2 === void 0 ? void 0 : _values$analysisSubje2.subjectName,
|
|
81
|
+
subjectAlias: values === null || values === void 0 ? void 0 : (_values$analysisSubje3 = values.analysisSubject) === null || _values$analysisSubje3 === void 0 ? void 0 : _values$analysisSubje3.subjectAlias,
|
|
82
|
+
unit: values === null || values === void 0 ? void 0 : (_values$analysisSubje4 = values.analysisSubject) === null || _values$analysisSubje4 === void 0 ? void 0 : _values$analysisSubje4.unit
|
|
73
83
|
} : undefined
|
|
74
84
|
}), true);
|
|
75
85
|
}
|
|
@@ -106,12 +116,12 @@ var TopPanel = function TopPanel(props) {
|
|
|
106
116
|
return;
|
|
107
117
|
}
|
|
108
118
|
setInited(false);
|
|
109
|
-
if (defaultValue.analysisSubject) {
|
|
119
|
+
if (defaultValue !== null && defaultValue !== void 0 && defaultValue.analysisSubject) {
|
|
110
120
|
setAnalysisType('eventProp');
|
|
111
121
|
} else {
|
|
112
122
|
setAnalysisType('user');
|
|
113
123
|
}
|
|
114
|
-
if (defaultValue.analysisSubject) {
|
|
124
|
+
if (defaultValue !== null && defaultValue !== void 0 && defaultValue.analysisSubject) {
|
|
115
125
|
setCurrentSubject(subjectList.find(function (item) {
|
|
116
126
|
var _defaultValue$analysi;
|
|
117
127
|
return item.id === (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$analysi = defaultValue.analysisSubject) === null || _defaultValue$analysi === void 0 ? void 0 : _defaultValue$analysi.subjectId);
|
|
@@ -190,7 +200,7 @@ var TopPanel = function TopPanel(props) {
|
|
|
190
200
|
name: "analysisSubject",
|
|
191
201
|
className: "panel-form-interval-item",
|
|
192
202
|
rules: [{
|
|
193
|
-
validator: function validator(
|
|
203
|
+
validator: function validator(_rule, value) {
|
|
194
204
|
if (!value) {
|
|
195
205
|
return Promise.reject('请选择口径名称');
|
|
196
206
|
}
|
|
@@ -203,12 +213,12 @@ var TopPanel = function TopPanel(props) {
|
|
|
203
213
|
labelField: "subjectName",
|
|
204
214
|
keyField: "id",
|
|
205
215
|
onChange: function onChange(val) {
|
|
206
|
-
var _formRef$
|
|
216
|
+
var _formRef$current2, _formRef$current3, _formRef$current4;
|
|
207
217
|
setCurrentSubject(val);
|
|
208
218
|
setRelevancy(false);
|
|
209
|
-
(_formRef$
|
|
210
|
-
(_formRef$
|
|
211
|
-
(_formRef$
|
|
219
|
+
(_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldValue('start', undefined);
|
|
220
|
+
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldValue('end', undefined);
|
|
221
|
+
(_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.setFieldValue('dimension', undefined);
|
|
212
222
|
}
|
|
213
223
|
})), analysisType === 'user' && /*#__PURE__*/React.createElement(Form.Item, {
|
|
214
224
|
label: "",
|
|
@@ -260,9 +270,9 @@ var TopPanel = function TopPanel(props) {
|
|
|
260
270
|
key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-start"),
|
|
261
271
|
analysisType: analysisType,
|
|
262
272
|
onChange: function onChange(evt) {
|
|
263
|
-
var _formRef$
|
|
273
|
+
var _formRef$current5;
|
|
264
274
|
setStartEvent(evt);
|
|
265
|
-
(_formRef$
|
|
275
|
+
(_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldValue('dimension', undefined);
|
|
266
276
|
}
|
|
267
277
|
})), /*#__PURE__*/React.createElement(Space, {
|
|
268
278
|
align: "baseline",
|
|
@@ -307,8 +317,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
307
317
|
enableDelete: true,
|
|
308
318
|
key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-pre"),
|
|
309
319
|
onDelete: function onDelete() {
|
|
310
|
-
var _formRef$
|
|
311
|
-
(_formRef$
|
|
320
|
+
var _formRef$current6;
|
|
321
|
+
(_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.setFieldValue('associatedPreAttr', undefined);
|
|
312
322
|
}
|
|
313
323
|
}))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
314
324
|
className: "associated-label"
|
|
@@ -330,8 +340,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
330
340
|
enableDelete: true,
|
|
331
341
|
key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-next"),
|
|
332
342
|
onDelete: function onDelete() {
|
|
333
|
-
var _formRef$
|
|
334
|
-
(_formRef$
|
|
343
|
+
var _formRef$current7;
|
|
344
|
+
(_formRef$current7 = formRef.current) === null || _formRef$current7 === void 0 ? void 0 : _formRef$current7.setFieldValue('associatedNextAttr', undefined);
|
|
335
345
|
}
|
|
336
346
|
}))), /*#__PURE__*/React.createElement("i", {
|
|
337
347
|
style: {
|
|
@@ -340,9 +350,9 @@ var TopPanel = function TopPanel(props) {
|
|
|
340
350
|
cursor: 'pointer'
|
|
341
351
|
},
|
|
342
352
|
onClick: function onClick() {
|
|
343
|
-
var _formRef$
|
|
344
|
-
(_formRef$
|
|
345
|
-
(_formRef$
|
|
353
|
+
var _formRef$current8, _formRef$current9;
|
|
354
|
+
(_formRef$current8 = formRef.current) === null || _formRef$current8 === void 0 ? void 0 : _formRef$current8.setFieldValue('associatedPreAttr', undefined);
|
|
355
|
+
(_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : _formRef$current9.setFieldValue('associatedNextAttr', undefined);
|
|
346
356
|
setRelevancy(false);
|
|
347
357
|
},
|
|
348
358
|
className: "bsicon qingchu"
|
|
@@ -373,11 +383,11 @@ var TopPanel = function TopPanel(props) {
|
|
|
373
383
|
}, /*#__PURE__*/React.createElement(EventFilter, {
|
|
374
384
|
subject: currentSubject,
|
|
375
385
|
analysisType: analysisType,
|
|
376
|
-
key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-
|
|
386
|
+
key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-end"),
|
|
377
387
|
onChange: function onChange(val) {
|
|
378
|
-
var _formRef$
|
|
388
|
+
var _formRef$current10;
|
|
379
389
|
setEndEvent(val);
|
|
380
|
-
(_formRef$
|
|
390
|
+
(_formRef$current10 = formRef.current) === null || _formRef$current10 === void 0 ? void 0 : _formRef$current10.setFieldValue('dimension', undefined);
|
|
381
391
|
}
|
|
382
392
|
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
383
393
|
label: "\u6309\u5C5E\u6027\u7EC6\u5206",
|
|
@@ -392,8 +402,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
392
402
|
showCommonProp: true,
|
|
393
403
|
enableDelete: true,
|
|
394
404
|
onDelete: function onDelete() {
|
|
395
|
-
var _formRef$
|
|
396
|
-
(_formRef$
|
|
405
|
+
var _formRef$current11;
|
|
406
|
+
(_formRef$current11 = formRef.current) === null || _formRef$current11 === void 0 ? void 0 : _formRef$current11.setFieldValue('dimension', undefined);
|
|
397
407
|
}
|
|
398
408
|
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
399
409
|
label: "\u5206\u6790\u6A21\u578B",
|
|
@@ -411,8 +421,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
411
421
|
loading: loading || subjectLoading,
|
|
412
422
|
type: "primary",
|
|
413
423
|
onClick: function onClick() {
|
|
414
|
-
var _formRef$
|
|
415
|
-
(_formRef$
|
|
424
|
+
var _formRef$current12;
|
|
425
|
+
(_formRef$current12 = formRef.current) === null || _formRef$current12 === void 0 ? void 0 : _formRef$current12.submit();
|
|
416
426
|
}
|
|
417
427
|
}, "\u67E5\u8BE2"))));
|
|
418
428
|
};
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
padding-left: 12px;
|
|
45
45
|
}
|
|
46
46
|
&:hover {
|
|
47
|
-
background-color: #
|
|
47
|
+
background-color: #e7f3fe;
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
}
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.ant-space-item:nth-child(2):hover {
|
|
69
|
-
background-color: #
|
|
69
|
+
background-color: #e7f3fe;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
> div:nth-child(1):hover {
|
|
113
|
-
background-color: #
|
|
113
|
+
background-color: #e7f3fe;
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.biz-attr-condition-group-handle {
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.ant-space-item:hover {
|
|
138
|
-
background-color: #
|
|
138
|
+
background-color: #e7f3fe;
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.ant-form-item-control-input:hover {
|
|
148
|
-
background-color: #
|
|
148
|
+
background-color: #e7f3fe;
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
151
|
}
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
.ant-form-item-control-input:hover {
|
|
189
|
-
background-color: #
|
|
189
|
+
background-color: #e7f3fe;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
.associated-link {
|
|
File without changes
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
|
|
3
|
-
<circle cx="50" cy="50" r="32" stroke-width="4" stroke="#165dff" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
|
|
4
|
-
<animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
|
|
5
|
-
</circle>
|
|
6
|
-
<circle cx="50" cy="50" r="27" stroke-width="4" stroke="#85adfc" stroke-dasharray="42.411500823462205 42.411500823462205" stroke-dashoffset="42.411500823462205" fill="none" stroke-linecap="round">
|
|
7
|
-
<animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;-360 50 50"></animateTransform>
|
|
8
|
-
</circle>
|
|
9
|
-
<!-- [ldio] generated by https://loading.io/ --></svg>
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
|
|
3
|
+
<circle cx="50" cy="50" r="32" stroke-width="4" stroke="#165dff" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
|
|
4
|
+
<animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
|
|
5
|
+
</circle>
|
|
6
|
+
<circle cx="50" cy="50" r="27" stroke-width="4" stroke="#85adfc" stroke-dasharray="42.411500823462205 42.411500823462205" stroke-dashoffset="42.411500823462205" fill="none" stroke-linecap="round">
|
|
7
|
+
<animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;-360 50 50"></animateTransform>
|
|
8
|
+
</circle>
|
|
9
|
+
<!-- [ldio] generated by https://loading.io/ --></svg>
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
.interval-form-data {
|
|
2
|
-
&-table-td {
|
|
3
|
-
padding: 0 !important;
|
|
4
|
-
|
|
5
|
-
.ant-table-column-sorters {
|
|
6
|
-
justify-content: end !important;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
&-show {
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
min-width: 60px;
|
|
14
|
-
height: 48px;
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
|
|
17
|
-
span {
|
|
18
|
-
width: 10px;
|
|
19
|
-
height: 10px;
|
|
20
|
-
border-radius: 50%;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&-name {
|
|
26
|
-
display: flex;
|
|
27
|
-
align-items: center;
|
|
28
|
-
|
|
29
|
-
.bsicon {
|
|
30
|
-
margin-right: 4px;
|
|
31
|
-
color: #fd9f41;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&-content {
|
|
35
|
-
display: inline-block;
|
|
36
|
-
max-width: 300px;
|
|
37
|
-
overflow: hidden;
|
|
38
|
-
white-space: nowrap;
|
|
39
|
-
text-overflow: ellipsis;
|
|
40
|
-
cursor: pointer;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&-link {
|
|
45
|
-
cursor: pointer;
|
|
46
|
-
|
|
47
|
-
&:hover {
|
|
48
|
-
color: #165dff;
|
|
49
|
-
text-decoration: underline;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
.interval-drill {
|
|
55
|
-
display: block;
|
|
56
|
-
.bsicon {
|
|
57
|
-
display: none;
|
|
58
|
-
margin-right: 4px;
|
|
59
|
-
}
|
|
60
|
-
&:hover {
|
|
61
|
-
color: @primary-color;
|
|
62
|
-
cursor: pointer;
|
|
63
|
-
.bsicon {
|
|
64
|
-
display: inline;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
1
|
+
.interval-form-data {
|
|
2
|
+
&-table-td {
|
|
3
|
+
padding: 0 !important;
|
|
4
|
+
|
|
5
|
+
.ant-table-column-sorters {
|
|
6
|
+
justify-content: end !important;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&-show {
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
min-width: 60px;
|
|
14
|
+
height: 48px;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
|
|
17
|
+
span {
|
|
18
|
+
width: 10px;
|
|
19
|
+
height: 10px;
|
|
20
|
+
border-radius: 50%;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&-name {
|
|
26
|
+
display: flex;
|
|
27
|
+
align-items: center;
|
|
28
|
+
|
|
29
|
+
.bsicon {
|
|
30
|
+
margin-right: 4px;
|
|
31
|
+
color: #fd9f41;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&-content {
|
|
35
|
+
display: inline-block;
|
|
36
|
+
max-width: 300px;
|
|
37
|
+
overflow: hidden;
|
|
38
|
+
white-space: nowrap;
|
|
39
|
+
text-overflow: ellipsis;
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&-link {
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
|
|
47
|
+
&:hover {
|
|
48
|
+
color: #165dff;
|
|
49
|
+
text-decoration: underline;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
.interval-drill {
|
|
55
|
+
display: block;
|
|
56
|
+
.bsicon {
|
|
57
|
+
display: none;
|
|
58
|
+
margin-right: 4px;
|
|
59
|
+
}
|
|
60
|
+
&:hover {
|
|
61
|
+
color: @primary-color;
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
.bsicon {
|
|
64
|
+
display: inline;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
package/dist/esm/types.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _ from 'lodash';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* 接口option封装
|
|
5
|
-
* @param url url
|
|
6
|
-
* @param options 操作
|
|
7
|
-
* @returns
|
|
3
|
+
/**
|
|
4
|
+
* 接口option封装
|
|
5
|
+
* @param url url
|
|
6
|
+
* @param options 操作
|
|
7
|
+
* @returns
|
|
8
8
|
*/
|
|
9
9
|
function setOptionWapper(url, options) {
|
|
10
10
|
var reqOption = _.cloneDeep(options);
|
|
@@ -38,9 +38,11 @@ export declare function formTableData(originalData: ChartData): {
|
|
|
38
38
|
total: number;
|
|
39
39
|
peopleNum: number;
|
|
40
40
|
names: string[];
|
|
41
|
+
originalNames: string[];
|
|
41
42
|
}[] | {
|
|
42
43
|
key: number;
|
|
43
44
|
time: string;
|
|
45
|
+
originalNames: string[];
|
|
44
46
|
max: number;
|
|
45
47
|
Q1: number;
|
|
46
48
|
median: number;
|
|
@@ -61,12 +63,14 @@ export declare function formTableData(originalData: ChartData): {
|
|
|
61
63
|
total: number;
|
|
62
64
|
peopleNum: number;
|
|
63
65
|
names: string[];
|
|
66
|
+
originalNames: string[];
|
|
64
67
|
}[];
|
|
65
68
|
}[] | undefined;
|
|
66
69
|
type ChartData = {
|
|
67
70
|
appData: {
|
|
68
71
|
series?: {
|
|
69
72
|
names: string[];
|
|
73
|
+
originalNames: string[];
|
|
70
74
|
values: number[][];
|
|
71
75
|
total: number[];
|
|
72
76
|
}[];
|
|
@@ -12,6 +12,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
12
12
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
13
|
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); }
|
|
14
14
|
import React from 'react';
|
|
15
|
+
import { Tooltip } from 'antd';
|
|
15
16
|
import { chartColors } from "../constants/color";
|
|
16
17
|
import "../style/index.less";
|
|
17
18
|
import { IconFont } from '@zgfe/business-lib';
|
|
@@ -46,7 +47,9 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
|
|
|
46
47
|
dataIndex: 'time',
|
|
47
48
|
className: "".concat(classPrefix, "-table-td"),
|
|
48
49
|
render: function render(text, record) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(
|
|
50
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
51
|
+
title: text
|
|
52
|
+
}, /*#__PURE__*/React.createElement("span", null, " ", text));
|
|
50
53
|
}
|
|
51
54
|
}, {
|
|
52
55
|
title: '最大值',
|
|
@@ -188,7 +191,8 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
|
|
|
188
191
|
};
|
|
189
192
|
}
|
|
190
193
|
if (searchParam.dimension) {
|
|
191
|
-
params.params.groupValue =
|
|
194
|
+
params.params.groupValue = record.originalNames ? record.originalNames[0] : undefined;
|
|
195
|
+
params.params.groupValueEncry = searchParam.dimension.encryptionType > 0;
|
|
192
196
|
}
|
|
193
197
|
if (/\d{4}-\d{2}-\d{2}/.test(record.time || '')) {
|
|
194
198
|
params.params.time.begin = record.time.split('|')[0];
|
|
@@ -236,6 +240,7 @@ function createNewArray(data) {
|
|
|
236
240
|
return {
|
|
237
241
|
key: i + 1,
|
|
238
242
|
time: item.names[0],
|
|
243
|
+
originalNames: item.originalNames,
|
|
239
244
|
max: item.total[0] || 0,
|
|
240
245
|
Q1: item.total[1] || 0,
|
|
241
246
|
median: item.total[2] || 0,
|
|
@@ -298,7 +303,8 @@ function getChildrenData(data, index) {
|
|
|
298
303
|
perValue: values[i][5] || 0,
|
|
299
304
|
total: values[i][6] || 0,
|
|
300
305
|
peopleNum: values[i][7] || 0,
|
|
301
|
-
names: firstSeries.names
|
|
306
|
+
names: firstSeries.names,
|
|
307
|
+
originalNames: firstSeries.originalNames
|
|
302
308
|
};
|
|
303
309
|
});
|
|
304
310
|
}
|