@zgfe/modules-dm 1.0.16-alpha.1 → 1.0.17
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/es/components/demo.js +2 -0
- package/es/constants/api.js +2 -2
- package/es/modules/dataCollection/collectionAttributeList.js +94 -56
- package/es/modules/dataCollection/collectionEventList.js +169 -94
- package/es/modules/dataCollection/index.js +36 -21
- package/es/modules/dataCollection/tablePlus.js +112 -63
- package/es/modules/dataManage/demo/index.js +1 -3
- package/es/modules/dataManage/index.js +29 -15
- package/es/modules/dataPlan/addEventOrUser.js +66 -31
- package/es/modules/dataPlan/addPlan.js +222 -121
- package/es/modules/dataPlan/eventList.js +4 -2
- package/es/modules/dataPlan/index.js +68 -41
- package/es/modules/dataPlan/search.js +4 -0
- package/es/modules/dataPlan/tablePlus.js +5 -2
- package/es/modules/dataPlan/userAttributeList.js +4 -2
- package/es/store/action.js +1 -0
- package/es/store/index.js +19 -9
- package/es/types/flow.js +15 -0
- package/es/types.js +23 -0
- package/es/utils/ajax.js +2 -0
- package/es/utils/index.js +12 -4
- package/package.json +2 -2
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
2
|
+
|
|
2
3
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
|
|
3
5
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
6
|
+
|
|
4
7
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
8
|
+
|
|
5
9
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
+
|
|
6
11
|
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."); }
|
|
12
|
+
|
|
7
13
|
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); }
|
|
8
|
-
|
|
9
|
-
function
|
|
14
|
+
|
|
15
|
+
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; }
|
|
16
|
+
|
|
17
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
18
|
+
|
|
10
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
+
|
|
11
21
|
import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
|
|
12
22
|
import { Input, Button, Select, Modal, message, Drawer, Pagination } from 'antd';
|
|
13
23
|
import request from '../../utils/ajax';
|
|
@@ -19,43 +29,53 @@ import _ from 'lodash';
|
|
|
19
29
|
import { getAppID } from '../../utils';
|
|
20
30
|
import CollectionAttributeList from './collectionAttributeList';
|
|
21
31
|
import { DmContext } from '../../store';
|
|
32
|
+
|
|
22
33
|
var CollectionEventList = function CollectionEventList(props) {
|
|
23
34
|
var classPrefix = 'event-list';
|
|
35
|
+
|
|
24
36
|
var _useContext = useContext(BizGlobalDataContext),
|
|
25
|
-
|
|
26
|
-
|
|
37
|
+
currentApp = _useContext.currentApp,
|
|
38
|
+
isDemo = _useContext.isDemo;
|
|
39
|
+
|
|
27
40
|
var _useContext2 = useContext(DmContext),
|
|
28
|
-
|
|
29
|
-
|
|
41
|
+
state = _useContext2.state; // const { updateEventMetas } = props;
|
|
42
|
+
|
|
43
|
+
|
|
30
44
|
var _useState = useState(0),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
+
total = _useState2[0],
|
|
47
|
+
setTotal = _useState2[1];
|
|
48
|
+
|
|
34
49
|
var _useState3 = useState(0),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
50
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
51
|
+
totalBasics = _useState4[0],
|
|
52
|
+
setTotalBasics = _useState4[1]; // 加载中
|
|
53
|
+
|
|
54
|
+
|
|
39
55
|
var _useState5 = useState(true),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
56
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
57
|
+
loading = _useState6[0],
|
|
58
|
+
setLoading = _useState6[1]; // 渲染数据
|
|
59
|
+
|
|
60
|
+
|
|
44
61
|
var _useState7 = useState([]),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
62
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
63
|
+
tableHandleData = _useState8[0],
|
|
64
|
+
setTableHandleData = _useState8[1]; // 原数据
|
|
65
|
+
|
|
66
|
+
|
|
49
67
|
var _useState9 = useState([]),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
68
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
69
|
+
tableHandleDataBasics = _useState10[0],
|
|
70
|
+
setTableHandleDataBasics = _useState10[1]; // 分组select数据
|
|
71
|
+
|
|
72
|
+
|
|
54
73
|
var _useState11 = useState([]),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
74
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
75
|
+
groupOptions = _useState12[0],
|
|
76
|
+
setgroupOptions = _useState12[1]; // 分组元素有任意一个收藏,筛选收藏时保留分组标题
|
|
77
|
+
|
|
78
|
+
|
|
59
79
|
var markTypeHandle = function markTypeHandle(item) {
|
|
60
80
|
var _markTypeFlag = 0;
|
|
61
81
|
item.eventList.map(function (_item) {
|
|
@@ -63,6 +83,7 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
63
83
|
});
|
|
64
84
|
return _markTypeFlag;
|
|
65
85
|
};
|
|
86
|
+
|
|
66
87
|
var dataFinish = function dataFinish(data, refreshFlag) {
|
|
67
88
|
var _tempArr = [];
|
|
68
89
|
var _tempGroupOptions = [{
|
|
@@ -86,15 +107,19 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
86
107
|
is_delete: 0,
|
|
87
108
|
mark_type: markTypeHandle(item)
|
|
88
109
|
});
|
|
110
|
+
|
|
89
111
|
_tempGroupOptions.push({
|
|
90
112
|
value: item.groupId,
|
|
91
113
|
label: item.groupName == null ? '未分组' : item.groupName
|
|
92
114
|
});
|
|
115
|
+
|
|
93
116
|
item.eventList.map(function (_item, _index) {
|
|
94
117
|
_item._groupId = item.groupId;
|
|
95
118
|
_item.key = index + '-' + _index;
|
|
119
|
+
|
|
96
120
|
if (_item.is_delete == 0) {
|
|
97
121
|
_tempArr.push(_item);
|
|
122
|
+
|
|
98
123
|
_tempTotal++;
|
|
99
124
|
}
|
|
100
125
|
});
|
|
@@ -102,17 +127,21 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
102
127
|
setTotal(_tempTotal);
|
|
103
128
|
setTotalBasics(_tempTotal);
|
|
104
129
|
setgroupOptions(_tempGroupOptions);
|
|
130
|
+
|
|
105
131
|
if (!refreshFlag) {
|
|
106
132
|
setPageNumber(1);
|
|
107
133
|
setTableHandleData(_tempArr);
|
|
108
134
|
}
|
|
135
|
+
|
|
109
136
|
setTableHandleDataBasics(_tempArr);
|
|
110
137
|
setLoading(false);
|
|
111
|
-
};
|
|
112
|
-
|
|
138
|
+
}; // 刷新数据
|
|
139
|
+
|
|
140
|
+
|
|
113
141
|
var refreshHandle = function refreshHandle() {
|
|
114
142
|
queryList(true);
|
|
115
143
|
};
|
|
144
|
+
|
|
116
145
|
var queryList = function queryList(refreshFlag) {
|
|
117
146
|
request(apis.queryCollectionEventList, {
|
|
118
147
|
method: 'post',
|
|
@@ -125,30 +154,35 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
125
154
|
if (!res) throw new Error();
|
|
126
155
|
dataFinish(res.data, refreshFlag);
|
|
127
156
|
}).catch(function (err) {}).finally(function () {});
|
|
128
|
-
};
|
|
129
|
-
|
|
157
|
+
}; // 初始化列表
|
|
158
|
+
|
|
159
|
+
|
|
130
160
|
useEffect(function () {
|
|
131
161
|
queryList();
|
|
132
|
-
}, []);
|
|
133
|
-
|
|
162
|
+
}, []); // 控制修改分组名弹框 显示隐藏
|
|
163
|
+
|
|
134
164
|
var _useState13 = useState(false),
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
165
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
166
|
+
eventNameShow = _useState14[0],
|
|
167
|
+
setEventNameShow = _useState14[1];
|
|
168
|
+
|
|
138
169
|
var _useState15 = useState(''),
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
170
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
171
|
+
eventNameInput = _useState16[0],
|
|
172
|
+
setEventNameInput = _useState16[1]; // 创建事件分组
|
|
173
|
+
|
|
174
|
+
|
|
143
175
|
var createEventGroup = function createEventGroup() {
|
|
144
176
|
if (eventNameInput == '') {
|
|
145
177
|
message.error('请输入分组名称');
|
|
146
178
|
return;
|
|
147
179
|
}
|
|
180
|
+
|
|
148
181
|
if (eventNameInput.length > 20) {
|
|
149
182
|
message.error('名称不可超过20字符');
|
|
150
183
|
return;
|
|
151
184
|
}
|
|
185
|
+
|
|
152
186
|
request(apis.upsertEventGroup, {
|
|
153
187
|
method: 'post',
|
|
154
188
|
data: {
|
|
@@ -166,56 +200,72 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
166
200
|
setEventNameInput('');
|
|
167
201
|
setEventNameShow(false);
|
|
168
202
|
});
|
|
169
|
-
};
|
|
170
|
-
|
|
203
|
+
}; // 筛选:显示状态 | 采集状态
|
|
204
|
+
|
|
205
|
+
|
|
171
206
|
var eventActiveFilter = function eventActiveFilter(e, type) {
|
|
172
207
|
filterHandlePublic(e == -1, type, e);
|
|
173
|
-
};
|
|
174
|
-
|
|
208
|
+
}; // 筛选分组
|
|
209
|
+
|
|
210
|
+
|
|
175
211
|
var handleSelectChange = function handleSelectChange(e) {
|
|
176
212
|
filterHandlePublic(e == -999, 'groupId', e);
|
|
177
|
-
};
|
|
178
|
-
|
|
213
|
+
}; // 筛选事件
|
|
214
|
+
|
|
215
|
+
|
|
179
216
|
var eventNameChange = function eventNameChange(e) {
|
|
180
217
|
var _value = e.currentTarget.value;
|
|
181
218
|
filterHandlePublic(_value == '', 'event_name', _value);
|
|
182
|
-
};
|
|
183
|
-
|
|
219
|
+
}; // 筛选收藏
|
|
220
|
+
|
|
221
|
+
|
|
184
222
|
var markTypeFilter = function markTypeFilter(markActive) {
|
|
185
223
|
filterHandlePublic(!markActive, 'mark_type');
|
|
186
224
|
};
|
|
225
|
+
|
|
187
226
|
var _useState17 = useState([]),
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
227
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
228
|
+
filterTypeData = _useState18[0],
|
|
229
|
+
setfilterTypeData = _useState18[1];
|
|
230
|
+
|
|
191
231
|
var _useState19 = useState([]),
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
232
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
233
|
+
groupData = _useState20[0],
|
|
234
|
+
setGroupData = _useState20[1]; // 分组数据操作条
|
|
235
|
+
|
|
236
|
+
|
|
195
237
|
useEffect(function () {
|
|
196
238
|
// 判断不同type的筛选条件
|
|
197
239
|
var _judgeFun = function _judgeFun(item, filterItem) {
|
|
240
|
+
var _item$alias_name, _item$event_name;
|
|
241
|
+
|
|
198
242
|
switch (filterItem.type) {
|
|
199
243
|
case 'mark_type':
|
|
200
244
|
return item.mark_type == 1;
|
|
245
|
+
|
|
201
246
|
case 'event_name':
|
|
202
|
-
return
|
|
247
|
+
return item.alias_name !== null && ((_item$alias_name = item.alias_name) === null || _item$alias_name === void 0 ? void 0 : _item$alias_name.indexOf(filterItem.value)) !== -1 || item.event_name !== null && ((_item$event_name = item.event_name) === null || _item$event_name === void 0 ? void 0 : _item$event_name.indexOf(filterItem.value)) !== -1;
|
|
248
|
+
|
|
203
249
|
case 'groupId':
|
|
204
250
|
return item._groupId == filterItem.value || item.groupId == filterItem.value;
|
|
251
|
+
|
|
205
252
|
case 'event_hidden':
|
|
206
253
|
return item.event_hidden == filterItem.value || item.groupId != undefined;
|
|
254
|
+
|
|
207
255
|
case 'is_stop':
|
|
208
256
|
return item.is_stop == filterItem.value || item.groupId != undefined;
|
|
209
257
|
}
|
|
210
258
|
};
|
|
259
|
+
|
|
211
260
|
var _groupData = [];
|
|
212
|
-
var clearEmptyGroupFlag = false;
|
|
213
|
-
|
|
261
|
+
var clearEmptyGroupFlag = false; // 多条件同时筛选
|
|
262
|
+
|
|
214
263
|
var _tableHandleData = [];
|
|
215
264
|
tableHandleDataBasics.map(function (item) {
|
|
216
265
|
if (item.groupId != undefined) {
|
|
217
266
|
_groupData.push(item);
|
|
218
267
|
}
|
|
268
|
+
|
|
219
269
|
var falg = true;
|
|
220
270
|
filterTypeData.map(function (filterItem) {
|
|
221
271
|
if (!_judgeFun(item, filterItem)) {
|
|
@@ -227,36 +277,42 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
227
277
|
});
|
|
228
278
|
setGroupData(_groupData);
|
|
229
279
|
var total = 0;
|
|
280
|
+
|
|
230
281
|
_tableHandleData.map(function (item) {
|
|
231
282
|
if (item._groupId != undefined) {
|
|
232
283
|
total++;
|
|
233
284
|
}
|
|
234
285
|
});
|
|
235
|
-
|
|
236
|
-
// 过滤空组 , event_hidden 和 is_stop,触发
|
|
286
|
+
|
|
287
|
+
setTotal(total); // 过滤空组 , event_hidden 和 is_stop,触发
|
|
288
|
+
|
|
237
289
|
var clearEmptyGroup = function clearEmptyGroup(data) {
|
|
238
290
|
var _data = _.cloneDeep(data);
|
|
291
|
+
|
|
239
292
|
_.remove(_data, function (item) {
|
|
240
293
|
var flag = false;
|
|
241
294
|
data.map(function (item2) {
|
|
242
295
|
if (item.groupId && item.groupId == item2._groupId) {
|
|
243
296
|
flag = true;
|
|
244
297
|
}
|
|
245
|
-
});
|
|
246
|
-
|
|
298
|
+
}); // console.log(item, flag);
|
|
299
|
+
|
|
247
300
|
return item.groupId != undefined && !flag;
|
|
248
301
|
});
|
|
302
|
+
|
|
249
303
|
return _data;
|
|
250
|
-
};
|
|
251
|
-
|
|
304
|
+
}; // console.log('_tableHandleData_tableHandleData', _tableHandleData);
|
|
305
|
+
|
|
306
|
+
|
|
252
307
|
setPageNumber(1);
|
|
308
|
+
|
|
253
309
|
if (!clearEmptyGroupFlag) {
|
|
254
310
|
setTableHandleData(_tableHandleData);
|
|
255
311
|
} else {
|
|
256
312
|
setTableHandleData(clearEmptyGroup(_tableHandleData));
|
|
257
313
|
}
|
|
258
|
-
}, [filterTypeData, tableHandleDataBasics]);
|
|
259
|
-
|
|
314
|
+
}, [filterTypeData, tableHandleDataBasics]); // 是否已包含筛选type
|
|
315
|
+
|
|
260
316
|
var filterHas = function filterHas(type) {
|
|
261
317
|
var flag = false;
|
|
262
318
|
filterTypeData.map(function (item) {
|
|
@@ -265,15 +321,18 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
265
321
|
}
|
|
266
322
|
});
|
|
267
323
|
return flag;
|
|
268
|
-
};
|
|
269
|
-
|
|
324
|
+
}; // 处理各种筛选数据
|
|
325
|
+
|
|
326
|
+
|
|
270
327
|
var filterHandlePublic = function filterHandlePublic(filterFlag, type, value) {
|
|
271
328
|
if (filterFlag) {
|
|
272
329
|
// 取消筛选
|
|
273
330
|
var data = _.cloneDeep(filterTypeData);
|
|
331
|
+
|
|
274
332
|
_.remove(data, function (x) {
|
|
275
333
|
return x.type == type;
|
|
276
334
|
});
|
|
335
|
+
|
|
277
336
|
setfilterTypeData(data);
|
|
278
337
|
} else {
|
|
279
338
|
if (!filterHas(type)) {
|
|
@@ -286,40 +345,47 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
286
345
|
if (item.type == type) {
|
|
287
346
|
item.value = value;
|
|
288
347
|
}
|
|
348
|
+
|
|
289
349
|
return item;
|
|
290
350
|
}));
|
|
291
351
|
}
|
|
292
352
|
}
|
|
293
353
|
};
|
|
354
|
+
|
|
294
355
|
var _useState21 = useState(false),
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
356
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
357
|
+
eventAttrListShow = _useState22[0],
|
|
358
|
+
setEventAttrListShow = _useState22[1];
|
|
359
|
+
|
|
298
360
|
var _useState23 = useState(),
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
361
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
362
|
+
eventAttrsData = _useState24[0],
|
|
363
|
+
setEventAttrsData = _useState24[1];
|
|
364
|
+
|
|
302
365
|
var eventAttrDataHandle = function eventAttrDataHandle(data) {
|
|
303
366
|
setEventAttrsData(data);
|
|
304
367
|
setEventAttrListShow(true);
|
|
305
368
|
};
|
|
369
|
+
|
|
306
370
|
var _useState25 = useState(1),
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
371
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
372
|
+
pageNumber = _useState26[0],
|
|
373
|
+
setPageNumber = _useState26[1];
|
|
374
|
+
|
|
310
375
|
var _useState27 = useState(0),
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
376
|
+
_useState28 = _slicedToArray(_useState27, 2),
|
|
377
|
+
pageNumberIng = _useState28[0],
|
|
378
|
+
setpageNumberIng = _useState28[1];
|
|
379
|
+
|
|
314
380
|
var _useState29 = useState(10),
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
381
|
+
_useState30 = _slicedToArray(_useState29, 2),
|
|
382
|
+
pageSize = _useState30[0],
|
|
383
|
+
setPageSize = _useState30[1];
|
|
384
|
+
|
|
318
385
|
var _useState31 = useState([]),
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
// useEffect(() => {
|
|
386
|
+
_useState32 = _slicedToArray(_useState31, 2),
|
|
387
|
+
tableRenderData = _useState32[0],
|
|
388
|
+
setTableRenderData = _useState32[1]; // useEffect(() => {
|
|
323
389
|
// console.log('tableHandleData', tableHandleData);
|
|
324
390
|
// if (tableHandleData.length <= 0) { //待完善,收藏为空会有显示问题
|
|
325
391
|
// return;
|
|
@@ -350,6 +416,8 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
350
416
|
// setTableRenderData([...tableRenderData, ...paginationData[pageNumber - 1]]);
|
|
351
417
|
// setpageNumberIng(pageNumber);
|
|
352
418
|
// }, [pageNumber, pageNumberIng, tableHandleData]);
|
|
419
|
+
|
|
420
|
+
|
|
353
421
|
useEffect(function () {
|
|
354
422
|
setPageNumber(1);
|
|
355
423
|
}, [tableHandleData]);
|
|
@@ -361,20 +429,24 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
361
429
|
if (item._groupId != undefined) {
|
|
362
430
|
count++;
|
|
363
431
|
}
|
|
432
|
+
|
|
364
433
|
arr.push(item);
|
|
434
|
+
|
|
365
435
|
if (count == pageSize) {
|
|
366
436
|
paginationData.push(arr);
|
|
367
437
|
count = 0;
|
|
368
438
|
arr = [];
|
|
369
439
|
}
|
|
370
440
|
});
|
|
441
|
+
|
|
371
442
|
if (arr.length > 0) {
|
|
372
443
|
paginationData.push(arr);
|
|
373
444
|
count = 0;
|
|
374
445
|
arr = [];
|
|
375
446
|
}
|
|
376
|
-
|
|
377
|
-
// console.log('_renderData', pageNumber, pageSize, tableHandleData, _renderData);
|
|
447
|
+
|
|
448
|
+
var _renderData = paginationData[pageNumber - 1]; // console.log('_renderData', pageNumber, pageSize, tableHandleData, _renderData);
|
|
449
|
+
|
|
378
450
|
if (_renderData && _renderData.length > 0 && _renderData[0].groupId == undefined) {
|
|
379
451
|
groupData.map(function (item) {
|
|
380
452
|
if (item.groupId == _renderData[0]._groupId) {
|
|
@@ -382,17 +454,19 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
382
454
|
}
|
|
383
455
|
});
|
|
384
456
|
}
|
|
457
|
+
|
|
385
458
|
setTableRenderData(_renderData);
|
|
386
|
-
}, [pageNumber, pageSize, tableHandleData]);
|
|
387
|
-
|
|
459
|
+
}, [pageNumber, pageSize, tableHandleData]); // 分页处理
|
|
460
|
+
|
|
388
461
|
var onPaginationChange = function onPaginationChange(pageNumber, pageSize) {
|
|
389
462
|
setPageNumber(pageNumber);
|
|
390
463
|
setPageSize(pageSize);
|
|
391
|
-
};
|
|
392
|
-
// const pageSizeChange = (pageNumber: number) => {
|
|
464
|
+
}; // const pageSizeChange = (pageNumber: number) => {
|
|
393
465
|
// console.log('---pageSize---', pageNumber);
|
|
394
466
|
// setPageNumber(pageNumber);
|
|
395
467
|
// };
|
|
468
|
+
|
|
469
|
+
|
|
396
470
|
return /*#__PURE__*/React.createElement("div", {
|
|
397
471
|
className: classPrefix
|
|
398
472
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -481,4 +555,5 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
481
555
|
}
|
|
482
556
|
})));
|
|
483
557
|
};
|
|
558
|
+
|
|
484
559
|
export default CollectionEventList;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
2
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."); }
|
|
4
|
+
|
|
3
5
|
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); }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
+
|
|
7
|
+
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; }
|
|
8
|
+
|
|
9
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
+
|
|
6
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
7
13
|
import { BizGlobalDataContext } from '@zgfe/business-lib';
|
|
8
14
|
import { Tabs } from 'antd';
|
|
9
15
|
import React, { useState, useContext, useEffect } from 'react';
|
|
@@ -12,25 +18,30 @@ import apis from '../../constants/api';
|
|
|
12
18
|
import { getAppID } from '../../utils';
|
|
13
19
|
import EventList from './collectionEventList';
|
|
14
20
|
import CollectionAttributeList from './collectionAttributeList';
|
|
21
|
+
|
|
15
22
|
var DataCollection = function DataCollection(props) {
|
|
16
23
|
var _useContext = useContext(BizGlobalDataContext),
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
// const { updateEventMetas } = props;
|
|
24
|
+
currentApp = _useContext.currentApp,
|
|
25
|
+
isDemo = _useContext.isDemo;
|
|
26
|
+
|
|
27
|
+
var classPrefix = 'data-collection'; // const { updateEventMetas } = props;
|
|
21
28
|
// console.log('①埋点方案', currentApp?.appId, getAppID(currentApp));
|
|
29
|
+
|
|
22
30
|
var _useState = useState(1),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
listTab = _useState2[0],
|
|
33
|
+
setListTab = _useState2[1];
|
|
34
|
+
|
|
26
35
|
var tabsChange = function tabsChange(activeKey) {
|
|
27
36
|
setListTab(Number(activeKey));
|
|
28
|
-
};
|
|
29
|
-
|
|
37
|
+
}; // 判断埋点方案开关是否打开
|
|
38
|
+
|
|
39
|
+
|
|
30
40
|
var _useState3 = useState(0),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
41
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
42
|
+
isOpen = _useState4[0],
|
|
43
|
+
setIsOpen = _useState4[1];
|
|
44
|
+
|
|
34
45
|
var queryControlSwitch = function queryControlSwitch() {
|
|
35
46
|
request(apis.queryControlSwitch, {
|
|
36
47
|
method: 'get',
|
|
@@ -40,12 +51,14 @@ var DataCollection = function DataCollection(props) {
|
|
|
40
51
|
}).then(function (res) {
|
|
41
52
|
setIsOpen(res.data.isOpen);
|
|
42
53
|
});
|
|
43
|
-
};
|
|
44
|
-
|
|
54
|
+
}; // 不在方案中的数据
|
|
55
|
+
|
|
56
|
+
|
|
45
57
|
var _useState5 = useState({}),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
58
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
59
|
+
queryPlanData = _useState6[0],
|
|
60
|
+
setqueryPlanData = _useState6[1];
|
|
61
|
+
|
|
49
62
|
var queryPlan = function queryPlan() {
|
|
50
63
|
request(apis.queryPlan, {
|
|
51
64
|
method: 'post',
|
|
@@ -55,8 +68,9 @@ var DataCollection = function DataCollection(props) {
|
|
|
55
68
|
}).then(function (res) {
|
|
56
69
|
setqueryPlanData(res.data);
|
|
57
70
|
});
|
|
58
|
-
};
|
|
59
|
-
|
|
71
|
+
}; // 初始化数据
|
|
72
|
+
|
|
73
|
+
|
|
60
74
|
useEffect(function () {
|
|
61
75
|
queryControlSwitch();
|
|
62
76
|
queryPlan();
|
|
@@ -81,4 +95,5 @@ var DataCollection = function DataCollection(props) {
|
|
|
81
95
|
source: "user"
|
|
82
96
|
}));
|
|
83
97
|
};
|
|
98
|
+
|
|
84
99
|
export default DataCollection;
|