@zgfe/modules-dm 1.0.24 → 1.0.25
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 +102 -60
- package/es/modules/dataCollection/collectionEventList.js +165 -91
- package/es/modules/dataCollection/demo/index.js +2 -2
- package/es/modules/dataCollection/index.js +36 -21
- package/es/modules/dataCollection/tablePlus.js +112 -63
- package/es/modules/dataManage/index.js +28 -13
- 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 +90 -49
- 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: 'get',
|
|
@@ -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,57 +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) {
|
|
198
240
|
var _item$alias_name, _item$event_name;
|
|
241
|
+
|
|
199
242
|
switch (filterItem.type) {
|
|
200
243
|
case 'mark_type':
|
|
201
244
|
return item.mark_type == 1;
|
|
245
|
+
|
|
202
246
|
case 'event_name':
|
|
203
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
|
+
|
|
204
249
|
case 'groupId':
|
|
205
250
|
return item._groupId == filterItem.value || item.groupId == filterItem.value;
|
|
251
|
+
|
|
206
252
|
case 'event_hidden':
|
|
207
253
|
return item.event_hidden == filterItem.value || item.groupId != undefined;
|
|
254
|
+
|
|
208
255
|
case 'is_stop':
|
|
209
256
|
return item.is_stop == filterItem.value || item.groupId != undefined;
|
|
210
257
|
}
|
|
211
258
|
};
|
|
259
|
+
|
|
212
260
|
var _groupData = [];
|
|
213
|
-
var clearEmptyGroupFlag = false;
|
|
214
|
-
|
|
261
|
+
var clearEmptyGroupFlag = false; // 多条件同时筛选
|
|
262
|
+
|
|
215
263
|
var _tableHandleData = [];
|
|
216
264
|
tableHandleDataBasics.map(function (item) {
|
|
217
265
|
if (item.groupId != undefined) {
|
|
218
266
|
_groupData.push(item);
|
|
219
267
|
}
|
|
268
|
+
|
|
220
269
|
var falg = true;
|
|
221
270
|
filterTypeData.map(function (filterItem) {
|
|
222
271
|
if (!_judgeFun(item, filterItem)) {
|
|
@@ -228,36 +277,42 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
228
277
|
});
|
|
229
278
|
setGroupData(_groupData);
|
|
230
279
|
var total = 0;
|
|
280
|
+
|
|
231
281
|
_tableHandleData.map(function (item) {
|
|
232
282
|
if (item._groupId != undefined) {
|
|
233
283
|
total++;
|
|
234
284
|
}
|
|
235
285
|
});
|
|
236
|
-
|
|
237
|
-
// 过滤空组 , event_hidden 和 is_stop,触发
|
|
286
|
+
|
|
287
|
+
setTotal(total); // 过滤空组 , event_hidden 和 is_stop,触发
|
|
288
|
+
|
|
238
289
|
var clearEmptyGroup = function clearEmptyGroup(data) {
|
|
239
290
|
var _data = _.cloneDeep(data);
|
|
291
|
+
|
|
240
292
|
_.remove(_data, function (item) {
|
|
241
293
|
var flag = false;
|
|
242
294
|
data.map(function (item2) {
|
|
243
295
|
if (item.groupId && item.groupId == item2._groupId) {
|
|
244
296
|
flag = true;
|
|
245
297
|
}
|
|
246
|
-
});
|
|
247
|
-
|
|
298
|
+
}); // console.log(item, flag);
|
|
299
|
+
|
|
248
300
|
return item.groupId != undefined && !flag;
|
|
249
301
|
});
|
|
302
|
+
|
|
250
303
|
return _data;
|
|
251
|
-
};
|
|
252
|
-
|
|
304
|
+
}; // console.log('_tableHandleData_tableHandleData', _tableHandleData);
|
|
305
|
+
|
|
306
|
+
|
|
253
307
|
setPageNumber(1);
|
|
308
|
+
|
|
254
309
|
if (!clearEmptyGroupFlag) {
|
|
255
310
|
setTableHandleData(_tableHandleData);
|
|
256
311
|
} else {
|
|
257
312
|
setTableHandleData(clearEmptyGroup(_tableHandleData));
|
|
258
313
|
}
|
|
259
|
-
}, [filterTypeData, tableHandleDataBasics]);
|
|
260
|
-
|
|
314
|
+
}, [filterTypeData, tableHandleDataBasics]); // 是否已包含筛选type
|
|
315
|
+
|
|
261
316
|
var filterHas = function filterHas(type) {
|
|
262
317
|
var flag = false;
|
|
263
318
|
filterTypeData.map(function (item) {
|
|
@@ -266,15 +321,18 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
266
321
|
}
|
|
267
322
|
});
|
|
268
323
|
return flag;
|
|
269
|
-
};
|
|
270
|
-
|
|
324
|
+
}; // 处理各种筛选数据
|
|
325
|
+
|
|
326
|
+
|
|
271
327
|
var filterHandlePublic = function filterHandlePublic(filterFlag, type, value) {
|
|
272
328
|
if (filterFlag) {
|
|
273
329
|
// 取消筛选
|
|
274
330
|
var data = _.cloneDeep(filterTypeData);
|
|
331
|
+
|
|
275
332
|
_.remove(data, function (x) {
|
|
276
333
|
return x.type == type;
|
|
277
334
|
});
|
|
335
|
+
|
|
278
336
|
setfilterTypeData(data);
|
|
279
337
|
} else {
|
|
280
338
|
if (!filterHas(type)) {
|
|
@@ -287,40 +345,47 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
287
345
|
if (item.type == type) {
|
|
288
346
|
item.value = value;
|
|
289
347
|
}
|
|
348
|
+
|
|
290
349
|
return item;
|
|
291
350
|
}));
|
|
292
351
|
}
|
|
293
352
|
}
|
|
294
353
|
};
|
|
354
|
+
|
|
295
355
|
var _useState21 = useState(false),
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
356
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
357
|
+
eventAttrListShow = _useState22[0],
|
|
358
|
+
setEventAttrListShow = _useState22[1];
|
|
359
|
+
|
|
299
360
|
var _useState23 = useState(),
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
361
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
362
|
+
eventAttrsData = _useState24[0],
|
|
363
|
+
setEventAttrsData = _useState24[1];
|
|
364
|
+
|
|
303
365
|
var eventAttrDataHandle = function eventAttrDataHandle(data) {
|
|
304
366
|
setEventAttrsData(data);
|
|
305
367
|
setEventAttrListShow(true);
|
|
306
368
|
};
|
|
369
|
+
|
|
307
370
|
var _useState25 = useState(1),
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
371
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
372
|
+
pageNumber = _useState26[0],
|
|
373
|
+
setPageNumber = _useState26[1];
|
|
374
|
+
|
|
311
375
|
var _useState27 = useState(0),
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
376
|
+
_useState28 = _slicedToArray(_useState27, 2),
|
|
377
|
+
pageNumberIng = _useState28[0],
|
|
378
|
+
setpageNumberIng = _useState28[1];
|
|
379
|
+
|
|
315
380
|
var _useState29 = useState(10),
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
381
|
+
_useState30 = _slicedToArray(_useState29, 2),
|
|
382
|
+
pageSize = _useState30[0],
|
|
383
|
+
setPageSize = _useState30[1];
|
|
384
|
+
|
|
319
385
|
var _useState31 = useState([]),
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
// useEffect(() => {
|
|
386
|
+
_useState32 = _slicedToArray(_useState31, 2),
|
|
387
|
+
tableRenderData = _useState32[0],
|
|
388
|
+
setTableRenderData = _useState32[1]; // useEffect(() => {
|
|
324
389
|
// console.log('tableHandleData', tableHandleData);
|
|
325
390
|
// if (tableHandleData.length <= 0) { //待完善,收藏为空会有显示问题
|
|
326
391
|
// return;
|
|
@@ -351,6 +416,8 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
351
416
|
// setTableRenderData([...tableRenderData, ...paginationData[pageNumber - 1]]);
|
|
352
417
|
// setpageNumberIng(pageNumber);
|
|
353
418
|
// }, [pageNumber, pageNumberIng, tableHandleData]);
|
|
419
|
+
|
|
420
|
+
|
|
354
421
|
useEffect(function () {
|
|
355
422
|
setPageNumber(1);
|
|
356
423
|
}, [tableHandleData]);
|
|
@@ -362,20 +429,24 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
362
429
|
if (item._groupId != undefined) {
|
|
363
430
|
count++;
|
|
364
431
|
}
|
|
432
|
+
|
|
365
433
|
arr.push(item);
|
|
434
|
+
|
|
366
435
|
if (count == pageSize) {
|
|
367
436
|
paginationData.push(arr);
|
|
368
437
|
count = 0;
|
|
369
438
|
arr = [];
|
|
370
439
|
}
|
|
371
440
|
});
|
|
441
|
+
|
|
372
442
|
if (arr.length > 0) {
|
|
373
443
|
paginationData.push(arr);
|
|
374
444
|
count = 0;
|
|
375
445
|
arr = [];
|
|
376
446
|
}
|
|
377
|
-
|
|
378
|
-
// console.log('_renderData', pageNumber, pageSize, tableHandleData, _renderData);
|
|
447
|
+
|
|
448
|
+
var _renderData = paginationData[pageNumber - 1]; // console.log('_renderData', pageNumber, pageSize, tableHandleData, _renderData);
|
|
449
|
+
|
|
379
450
|
if (_renderData && _renderData.length > 0 && _renderData[0].groupId == undefined) {
|
|
380
451
|
groupData.map(function (item) {
|
|
381
452
|
if (item.groupId == _renderData[0]._groupId) {
|
|
@@ -383,13 +454,15 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
383
454
|
}
|
|
384
455
|
});
|
|
385
456
|
}
|
|
457
|
+
|
|
386
458
|
setTableRenderData(_renderData);
|
|
387
|
-
}, [pageNumber, pageSize, tableHandleData]);
|
|
388
|
-
|
|
459
|
+
}, [pageNumber, pageSize, tableHandleData]); // 分页处理
|
|
460
|
+
|
|
389
461
|
var onPaginationChange = function onPaginationChange(pageNumber, pageSize) {
|
|
390
462
|
setPageNumber(pageNumber);
|
|
391
463
|
setPageSize(pageSize);
|
|
392
464
|
};
|
|
465
|
+
|
|
393
466
|
return /*#__PURE__*/React.createElement("div", {
|
|
394
467
|
className: classPrefix
|
|
395
468
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -478,4 +551,5 @@ var CollectionEventList = function CollectionEventList(props) {
|
|
|
478
551
|
}
|
|
479
552
|
})));
|
|
480
553
|
};
|
|
554
|
+
|
|
481
555
|
export default CollectionEventList;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DataCollection } from '@zgfe/modules-dm';
|
|
3
|
-
import { DemoWrapper } from '@zgfe/business-lib';
|
|
4
|
-
|
|
3
|
+
import { DemoWrapper } from '@zgfe/business-lib'; // import DemoWrapper from '../../../components/demo';
|
|
4
|
+
|
|
5
5
|
export default (function () {
|
|
6
6
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
7
7
|
defaultApp: 234
|
|
@@ -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 { Radio } 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(e) {
|
|
27
36
|
setListTab(Number(e.target.value));
|
|
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();
|
|
@@ -88,4 +102,5 @@ var DataCollection = function DataCollection(props) {
|
|
|
88
102
|
source: "user"
|
|
89
103
|
}));
|
|
90
104
|
};
|
|
105
|
+
|
|
91
106
|
export default DataCollection;
|