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