@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,21 +1,15 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
8
|
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."); }
|
|
10
|
-
|
|
11
9
|
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); }
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
10
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
|
+
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; } }
|
|
17
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
|
|
19
13
|
import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
|
|
20
14
|
import { Input, Button, Select, Tabs, Drawer, Upload, message, Checkbox, Spin, Table } from 'antd';
|
|
21
15
|
var Option = Select.Option;
|
|
@@ -28,27 +22,24 @@ import { getAppID } from '../../utils';
|
|
|
28
22
|
import Search from './search';
|
|
29
23
|
import EventList from './eventList';
|
|
30
24
|
import UserAttributeList from './userAttributeList';
|
|
31
|
-
import AddEventOrUser from './addEventOrUser';
|
|
25
|
+
import AddEventOrUser from './addEventOrUser';
|
|
26
|
+
// interface addEventListType {
|
|
32
27
|
// key: string;
|
|
33
28
|
// eventName: string;
|
|
34
29
|
// attrName: string;
|
|
35
30
|
// sheetName: string | null;
|
|
36
31
|
// }
|
|
37
|
-
|
|
38
32
|
var AddPlan = function AddPlan(props) {
|
|
39
33
|
var classPrefix = 'add-plan';
|
|
40
|
-
|
|
41
34
|
var _useContext = useContext(BizGlobalDataContext),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
35
|
+
currentApp = _useContext.currentApp,
|
|
36
|
+
isDemo = _useContext.isDemo;
|
|
37
|
+
// console.log('isDemo', isDemo);
|
|
46
38
|
var _useState = useState(false),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
+
spinning = _useState2[0],
|
|
41
|
+
setSpinning = _useState2[1];
|
|
42
|
+
// console.log('detailId', props.detailId, props.detailName);
|
|
52
43
|
useEffect(function () {
|
|
53
44
|
setPlanName(props.detailName);
|
|
54
45
|
}, [props.detailName]);
|
|
@@ -68,78 +59,66 @@ var AddPlan = function AddPlan(props) {
|
|
|
68
59
|
setSpinning(false);
|
|
69
60
|
});
|
|
70
61
|
}
|
|
71
|
-
}, [props.detailId]);
|
|
72
|
-
|
|
62
|
+
}, [props.detailId]);
|
|
63
|
+
// 方案名称
|
|
73
64
|
var _useState3 = useState('input'),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
65
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
66
|
+
detailNameShow = _useState4[0],
|
|
67
|
+
setDetailNameShow = _useState4[1];
|
|
78
68
|
var _useState5 = useState(''),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
69
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
70
|
+
planName = _useState6[0],
|
|
71
|
+
setPlanName = _useState6[1];
|
|
83
72
|
var PlanNameChange = function PlanNameChange(e) {
|
|
84
73
|
if (e.currentTarget.value.length > 20) {
|
|
85
74
|
message.error('最多可输入20个字符');
|
|
86
75
|
return;
|
|
87
76
|
}
|
|
88
|
-
|
|
89
77
|
setPlanName(e.currentTarget.value);
|
|
90
78
|
setEditOperate(true);
|
|
91
79
|
e.currentTarget.value != '' ? setplanNameInputStatus('') : null;
|
|
92
80
|
};
|
|
93
|
-
|
|
94
81
|
useEffect(function () {
|
|
95
82
|
props.detailName == '' ? setDetailNameShow('input') : setDetailNameShow('div');
|
|
96
|
-
}, [props.detailName]);
|
|
97
|
-
|
|
83
|
+
}, [props.detailName]);
|
|
84
|
+
// 导出
|
|
98
85
|
var exportHandleChange = function exportHandleChange(e) {
|
|
99
86
|
// console.log(e, selectedRowKeys);
|
|
100
87
|
if (e == '1' && selectedRowKeys.length <= 0) {
|
|
101
88
|
message.error('当前未选中数据,无法导出');
|
|
102
89
|
return;
|
|
103
90
|
}
|
|
104
|
-
|
|
105
91
|
var _selectedRowKeys = selectedRowKeys.map(function (item) {
|
|
106
92
|
return item.split('&*&')[0];
|
|
107
93
|
});
|
|
108
|
-
|
|
109
94
|
if (listTab == '1') {
|
|
110
95
|
window.open("".concat(apis.downloadPlanEvent, "?appId=").concat(getAppID(currentApp), "&planId=").concat(props.detailId, "&eventName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
|
|
111
96
|
} else {
|
|
112
97
|
window.open("".concat(apis.downloadPlanProp, "?appId=").concat(getAppID(currentApp), "&planId=").concat(props.detailId, "&propName").concat(e == '0' ? '' : '=' + _selectedRowKeys));
|
|
113
98
|
}
|
|
114
99
|
};
|
|
115
|
-
|
|
116
100
|
var _useState7 = useState(false),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
101
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
102
|
+
visible = _useState8[0],
|
|
103
|
+
setVisible = _useState8[1];
|
|
121
104
|
var _useState9 = useState('1'),
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
105
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
106
|
+
listTab = _useState10[0],
|
|
107
|
+
setListTab = _useState10[1];
|
|
126
108
|
var tabsChange = function tabsChange(activeKey) {
|
|
127
109
|
setListTab(activeKey);
|
|
128
110
|
setSearchData('');
|
|
129
111
|
setSelectedRowKeys([]);
|
|
130
112
|
};
|
|
131
|
-
|
|
132
113
|
var _useState11 = useState(0),
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
114
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
115
|
+
searchTotal = _useState12[0],
|
|
116
|
+
setSearchTotal = _useState12[1];
|
|
137
117
|
var _useState13 = useState(''),
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
118
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
119
|
+
searchData = _useState14[0],
|
|
120
|
+
setSearchData = _useState14[1];
|
|
121
|
+
// 关闭抽屉
|
|
143
122
|
var closeDrawer = function closeDrawer(type) {
|
|
144
123
|
setEventListData([]);
|
|
145
124
|
setEventListDataCopy([]);
|
|
@@ -151,28 +130,24 @@ var AddPlan = function AddPlan(props) {
|
|
|
151
130
|
setEditOperate(false);
|
|
152
131
|
setplanNameInputStatus('');
|
|
153
132
|
props.drawerClose(type);
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
|
|
133
|
+
};
|
|
134
|
+
// 文件上传
|
|
157
135
|
var uploadProps = {
|
|
158
136
|
maxCount: 1,
|
|
159
137
|
showUploadList: false,
|
|
160
138
|
beforeUpload: function beforeUpload(file) {
|
|
161
139
|
setSpinning(true);
|
|
162
140
|
var fileType = file.name.split('.');
|
|
163
|
-
|
|
164
141
|
if (fileType[fileType.length - 1] != 'xlsx' && fileType[fileType.length - 1] != 'xls') {
|
|
165
142
|
message.error('仅支持excel(xls、xlsx)格式文件,请检查后重新上传');
|
|
166
143
|
setSpinning(false);
|
|
167
144
|
return;
|
|
168
145
|
}
|
|
169
|
-
|
|
170
146
|
if (file.size > 5 * 1024 * 1024) {
|
|
171
147
|
message.error('文件大小支持5M以内,请检查后重新上传');
|
|
172
148
|
setSpinning(false);
|
|
173
149
|
return;
|
|
174
150
|
}
|
|
175
|
-
|
|
176
151
|
var formData = new FormData();
|
|
177
152
|
formData.append('file', file, file.name);
|
|
178
153
|
var data = new FormData();
|
|
@@ -189,14 +164,12 @@ var AddPlan = function AddPlan(props) {
|
|
|
189
164
|
setSpinning(false);
|
|
190
165
|
return;
|
|
191
166
|
}
|
|
192
|
-
|
|
193
167
|
if (Object.keys(res.data).length <= 0) {
|
|
194
168
|
// 破损表格,异常处理
|
|
195
169
|
message.error('上传失败');
|
|
196
170
|
setSpinning(false);
|
|
197
171
|
return;
|
|
198
172
|
}
|
|
199
|
-
|
|
200
173
|
message.success('上传成功');
|
|
201
174
|
tableDataHandle(res.data.eventPlanDataStatusList, res.data.userPropPlanList, 'add');
|
|
202
175
|
setEditOperate(true);
|
|
@@ -208,32 +181,28 @@ var AddPlan = function AddPlan(props) {
|
|
|
208
181
|
});
|
|
209
182
|
return false;
|
|
210
183
|
}
|
|
211
|
-
};
|
|
212
|
-
|
|
184
|
+
};
|
|
185
|
+
// 事件列表-渲染数据
|
|
213
186
|
var _useState15 = useState([]),
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
187
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
188
|
+
eventListData = _useState16[0],
|
|
189
|
+
setEventListData = _useState16[1];
|
|
190
|
+
// 事件列表-原数据
|
|
219
191
|
var _useState17 = useState([]),
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
192
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
193
|
+
eventListDataCopy = _useState18[0],
|
|
194
|
+
setEventListDataCopy = _useState18[1];
|
|
195
|
+
// 用户属性列表-渲染数据
|
|
225
196
|
var _useState19 = useState([]),
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
197
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
198
|
+
userAttrData = _useState20[0],
|
|
199
|
+
setUserAttrData = _useState20[1];
|
|
200
|
+
// 用户属性列表-原数据
|
|
231
201
|
var _useState21 = useState([]),
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
202
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
203
|
+
userAttrDataCopy = _useState22[0],
|
|
204
|
+
setUserAttrDataCopy = _useState22[1];
|
|
205
|
+
// 手动添加事件或属性
|
|
237
206
|
var addEventOrUserFun = function addEventOrUserFun(data) {
|
|
238
207
|
if (listTab == '1') {
|
|
239
208
|
setEventListData(data);
|
|
@@ -242,14 +211,11 @@ var AddPlan = function AddPlan(props) {
|
|
|
242
211
|
setUserAttrData(data);
|
|
243
212
|
setUserAttrDataCopy(data);
|
|
244
213
|
}
|
|
245
|
-
|
|
246
214
|
setEditOperate(true);
|
|
247
|
-
};
|
|
248
|
-
|
|
249
|
-
|
|
215
|
+
};
|
|
216
|
+
// attributeName 和 attributeActive 渲染内容转换
|
|
250
217
|
var handleTableItemAttribut = function handleTableItemAttribut(type, data) {
|
|
251
218
|
var _arr = [];
|
|
252
|
-
|
|
253
219
|
for (var key in data) {
|
|
254
220
|
if (type == 'attributeName') {
|
|
255
221
|
_arr.push(key);
|
|
@@ -257,16 +223,13 @@ var AddPlan = function AddPlan(props) {
|
|
|
257
223
|
_arr.push(data[key] ? '有数据' : '无数据');
|
|
258
224
|
}
|
|
259
225
|
}
|
|
260
|
-
|
|
261
226
|
return _arr;
|
|
262
|
-
};
|
|
263
|
-
|
|
264
|
-
|
|
227
|
+
};
|
|
228
|
+
// 随机数,避免相同key,影响勾选
|
|
265
229
|
function random(min, max) {
|
|
266
230
|
return Math.floor(Math.random() * (max - min)) + min;
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
|
|
231
|
+
}
|
|
232
|
+
// 数据处理
|
|
270
233
|
var handleTableItem = function handleTableItem(key, data) {
|
|
271
234
|
return {
|
|
272
235
|
key: key + '&*&' + random(1, 99999),
|
|
@@ -276,15 +239,12 @@ var AddPlan = function AddPlan(props) {
|
|
|
276
239
|
attributeActive: handleTableItemAttribut('attributeActive', data[key].attrAndStatusMap),
|
|
277
240
|
open: true
|
|
278
241
|
};
|
|
279
|
-
};
|
|
280
|
-
|
|
281
|
-
|
|
242
|
+
};
|
|
243
|
+
// 转化table渲染所需数据格式
|
|
282
244
|
var tableDataHandle = function tableDataHandle(eventData, attrData, type) {
|
|
283
245
|
// 事件列表
|
|
284
246
|
var _eventListData = eventData === null || eventData === void 0 ? void 0 : eventData.eventNameAndPlanDataStatusMap;
|
|
285
|
-
|
|
286
247
|
var _tempEventList = {};
|
|
287
|
-
|
|
288
248
|
if (Object.keys(_eventListData).length > 0) {
|
|
289
249
|
for (var key in _eventListData) {
|
|
290
250
|
if (_tempEventList.hasOwnProperty(_eventListData[key].sheetName)) {
|
|
@@ -293,93 +253,73 @@ var AddPlan = function AddPlan(props) {
|
|
|
293
253
|
_tempEventList[_eventListData[key].sheetName] = [handleTableItem(key, _eventListData)];
|
|
294
254
|
}
|
|
295
255
|
}
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
|
|
256
|
+
}
|
|
257
|
+
// console.log('_tempEventList', _tempEventList);
|
|
299
258
|
var _temp_eventListData = _.cloneDeep(eventListData);
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
259
|
+
_temp_eventListData.push(_tempEventList);
|
|
260
|
+
// console.log('_temp_eventListData', _temp_eventListData);
|
|
304
261
|
setEventListData(_temp_eventListData); // 设置渲染数据
|
|
305
|
-
|
|
306
262
|
setEventListDataCopy(_temp_eventListData); // 存储一份原数据
|
|
307
263
|
// 属性列表
|
|
308
|
-
|
|
309
264
|
var _attrListData = userAttrData;
|
|
310
|
-
|
|
311
265
|
var filterRepeatAttr = function filterRepeatAttr(propName) {
|
|
312
266
|
var repeat = false;
|
|
313
|
-
|
|
314
267
|
_attrListData.map(function (item) {
|
|
315
268
|
item.propName == propName ? repeat = true : null;
|
|
316
269
|
});
|
|
317
|
-
|
|
318
270
|
return repeat;
|
|
319
271
|
};
|
|
320
|
-
|
|
321
272
|
attrData.map(function (item) {
|
|
322
273
|
if (!filterRepeatAttr(item.propName)) {
|
|
323
274
|
item.key = item.propName + '&*&' + random(1, 99999);
|
|
324
275
|
item.dataStatus = item.dataStatus != undefined ? item.dataStatus : false;
|
|
325
|
-
|
|
326
276
|
_attrListData.push(item);
|
|
327
277
|
}
|
|
328
|
-
});
|
|
329
|
-
|
|
278
|
+
});
|
|
279
|
+
// console.log('属性列表: ', _attrListData, listTab);
|
|
330
280
|
setUserAttrData(_attrListData);
|
|
331
281
|
setUserAttrDataCopy(_attrListData);
|
|
332
282
|
};
|
|
333
|
-
|
|
334
283
|
useEffect(function () {
|
|
335
284
|
if (searchData == '') {
|
|
336
285
|
listTab == '1' ? setEventListData(eventListDataCopy) : setUserAttrData(userAttrDataCopy);
|
|
337
286
|
} else {
|
|
338
287
|
if (listTab == '1') {
|
|
339
|
-
var data = _.cloneDeep(eventListDataCopy);
|
|
340
|
-
|
|
341
|
-
|
|
288
|
+
var data = _.cloneDeep(eventListDataCopy);
|
|
289
|
+
// console.log('searchData', searchData, data);
|
|
342
290
|
var _tempData = [];
|
|
343
291
|
data.map(function (_item, index) {
|
|
344
292
|
var _jsop = {};
|
|
345
|
-
|
|
346
|
-
var _loop = function _loop(key) {
|
|
293
|
+
var _loop = function _loop() {
|
|
347
294
|
var _data = [];
|
|
348
|
-
|
|
349
295
|
_item[key].map(function (item) {
|
|
350
296
|
// item.key.toString().indexOf(searchData) != -1 ? _data.push(item) : null;
|
|
351
297
|
item['eventName'].toString().indexOf(searchData) != -1 ? _data.push(item) : null;
|
|
352
298
|
});
|
|
353
|
-
|
|
354
299
|
if (_data.length > 0) {
|
|
355
300
|
_jsop[key] = _data;
|
|
356
301
|
}
|
|
357
302
|
};
|
|
358
|
-
|
|
359
303
|
for (var key in _item) {
|
|
360
|
-
_loop(
|
|
304
|
+
_loop();
|
|
361
305
|
}
|
|
362
|
-
|
|
363
306
|
_tempData.push(_jsop);
|
|
364
307
|
});
|
|
365
308
|
setEventListData(_tempData);
|
|
366
309
|
} else {
|
|
367
310
|
var _data2 = userAttrDataCopy;
|
|
368
311
|
var _data = [];
|
|
369
|
-
|
|
370
312
|
_data2.map(function (item) {
|
|
371
313
|
item.propName.indexOf(searchData) != -1 ? _data.push(item) : null;
|
|
372
314
|
});
|
|
373
|
-
|
|
374
315
|
setUserAttrData(_data);
|
|
375
316
|
}
|
|
376
317
|
}
|
|
377
|
-
}, [searchData, listTab]);
|
|
378
|
-
|
|
318
|
+
}, [searchData, listTab]);
|
|
319
|
+
// 处理table展开关闭
|
|
379
320
|
var tableClick = function tableClick(type, index) {
|
|
380
321
|
// console.log('处理table展开关闭', type);
|
|
381
322
|
var _temp_tableHandleData = _.cloneDeep(eventListData);
|
|
382
|
-
|
|
383
323
|
_temp_tableHandleData.map(function (item, _index) {
|
|
384
324
|
if (_index == index) {
|
|
385
325
|
item[type].map(function (item) {
|
|
@@ -387,16 +327,13 @@ var AddPlan = function AddPlan(props) {
|
|
|
387
327
|
});
|
|
388
328
|
}
|
|
389
329
|
});
|
|
390
|
-
|
|
391
330
|
setEventListData(_temp_tableHandleData);
|
|
392
|
-
};
|
|
393
|
-
|
|
394
|
-
|
|
331
|
+
};
|
|
332
|
+
// 保存方案按钮是否置灰
|
|
395
333
|
var _useState23 = useState(false),
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
334
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
335
|
+
saveDisabled = _useState24[0],
|
|
336
|
+
setSaveDisabled = _useState24[1];
|
|
400
337
|
useEffect(function () {
|
|
401
338
|
if (JSON.stringify(eventListData).indexOf('eventName') == -1) {
|
|
402
339
|
setSaveDisabled(true);
|
|
@@ -404,12 +341,10 @@ var AddPlan = function AddPlan(props) {
|
|
|
404
341
|
setSaveDisabled(false);
|
|
405
342
|
}
|
|
406
343
|
}, [eventListData]);
|
|
407
|
-
|
|
408
344
|
var _useState25 = useState(0),
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
345
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
346
|
+
eventCount = _useState26[0],
|
|
347
|
+
setEventCount = _useState26[1];
|
|
413
348
|
useEffect(function () {
|
|
414
349
|
var _eventCount = 0;
|
|
415
350
|
eventListDataCopy.map(function (_item, index) {
|
|
@@ -420,28 +355,25 @@ var AddPlan = function AddPlan(props) {
|
|
|
420
355
|
}
|
|
421
356
|
});
|
|
422
357
|
setEventCount(_eventCount);
|
|
423
|
-
}, [eventListDataCopy]);
|
|
424
|
-
|
|
358
|
+
}, [eventListDataCopy]);
|
|
359
|
+
// 保存方案
|
|
425
360
|
var savePlanData = function savePlanData() {
|
|
426
361
|
if (planName == '') {
|
|
427
362
|
message.error('请输入方案名称');
|
|
428
363
|
setplanNameInputStatus('warning');
|
|
429
364
|
return;
|
|
430
365
|
}
|
|
431
|
-
|
|
432
366
|
var planNameFlag = false;
|
|
433
367
|
props.listData.map(function (item) {
|
|
434
368
|
if (item.planName == planName && item.id != props.detailId) {
|
|
435
369
|
planNameFlag = true;
|
|
436
370
|
}
|
|
437
371
|
});
|
|
438
|
-
|
|
439
372
|
if (planNameFlag) {
|
|
440
373
|
message.error('方案名称与现有方案重复');
|
|
441
374
|
return;
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
|
|
375
|
+
}
|
|
376
|
+
// console.log('保存', planName, eventListData, userAttrData);
|
|
445
377
|
var eventPlanList = [];
|
|
446
378
|
var userPropPlanList = [];
|
|
447
379
|
eventListDataCopy.map(function (_item) {
|
|
@@ -456,7 +388,6 @@ var AddPlan = function AddPlan(props) {
|
|
|
456
388
|
});
|
|
457
389
|
});
|
|
458
390
|
};
|
|
459
|
-
|
|
460
391
|
for (var key in _item) {
|
|
461
392
|
_loop2(key);
|
|
462
393
|
}
|
|
@@ -465,7 +396,6 @@ var AddPlan = function AddPlan(props) {
|
|
|
465
396
|
userAttrDataCopy.map(function (item) {
|
|
466
397
|
if (_tempUserAttrFilter.indexOf(item.propName) == -1) {
|
|
467
398
|
_tempUserAttrFilter.push(item.propName);
|
|
468
|
-
|
|
469
399
|
userPropPlanList.push(item);
|
|
470
400
|
}
|
|
471
401
|
});
|
|
@@ -476,12 +406,10 @@ var AddPlan = function AddPlan(props) {
|
|
|
476
406
|
eventPlanList: eventPlanList,
|
|
477
407
|
userPropPlanList: userPropPlanList
|
|
478
408
|
};
|
|
479
|
-
|
|
480
409
|
if (eventCount > 500) {
|
|
481
410
|
message.error('每个方案最多保存500条数据,请修改后重新保存');
|
|
482
411
|
return;
|
|
483
412
|
}
|
|
484
|
-
|
|
485
413
|
request(apis.savePlan, {
|
|
486
414
|
method: 'post',
|
|
487
415
|
data: _objectSpread({}, ManagementPlan)
|
|
@@ -491,37 +419,30 @@ var AddPlan = function AddPlan(props) {
|
|
|
491
419
|
closeDrawer('save');
|
|
492
420
|
}
|
|
493
421
|
}).catch(function (err) {});
|
|
494
|
-
};
|
|
495
|
-
|
|
496
|
-
|
|
422
|
+
};
|
|
423
|
+
// 存储选中的keys
|
|
497
424
|
var _useState27 = useState([]),
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
425
|
+
_useState28 = _slicedToArray(_useState27, 2),
|
|
426
|
+
selectedRowKeys = _useState28[0],
|
|
427
|
+
setSelectedRowKeys = _useState28[1];
|
|
502
428
|
var tableCheck = function tableCheck(e, record) {
|
|
503
429
|
// console.log(e.target.checked, record.key);
|
|
504
430
|
var _selectedRowKeys = _.cloneDeep(selectedRowKeys);
|
|
505
|
-
|
|
506
431
|
e.target.checked ? _selectedRowKeys.push(record.key) : _.remove(_selectedRowKeys, function (x) {
|
|
507
432
|
return x === record.key;
|
|
508
433
|
});
|
|
509
434
|
setSelectedRowKeys(_selectedRowKeys);
|
|
510
|
-
};
|
|
511
|
-
|
|
512
|
-
|
|
435
|
+
};
|
|
436
|
+
// 选中当前页面全部数据
|
|
513
437
|
var _useState29 = useState(false),
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
438
|
+
_useState30 = _slicedToArray(_useState29, 2),
|
|
439
|
+
tableAllchecked = _useState30[0],
|
|
440
|
+
setTableAllchecked = _useState30[1];
|
|
518
441
|
useEffect(function () {
|
|
519
442
|
if (tableAllchecked) {
|
|
520
443
|
var _tempData = [];
|
|
521
|
-
|
|
522
444
|
if (listTab == '1') {
|
|
523
445
|
var data = _.cloneDeep(eventListData);
|
|
524
|
-
|
|
525
446
|
data.map(function (_item) {
|
|
526
447
|
for (var key in _item) {
|
|
527
448
|
_item[key].map(function (item) {
|
|
@@ -531,27 +452,22 @@ var AddPlan = function AddPlan(props) {
|
|
|
531
452
|
});
|
|
532
453
|
} else {
|
|
533
454
|
var _data3 = _.cloneDeep(userAttrData);
|
|
534
|
-
|
|
535
455
|
_data3.map(function (_item) {
|
|
536
456
|
_tempData.push(_item.key);
|
|
537
457
|
});
|
|
538
458
|
}
|
|
539
|
-
|
|
540
459
|
setSelectedRowKeys(_tempData);
|
|
541
460
|
} else {
|
|
542
461
|
setSelectedRowKeys([]);
|
|
543
462
|
}
|
|
544
463
|
}, [tableAllchecked]);
|
|
545
|
-
|
|
546
464
|
var allCheck = function allCheck(e) {
|
|
547
465
|
setTableAllchecked(e.target.checked);
|
|
548
466
|
};
|
|
549
|
-
|
|
550
467
|
var _useState31 = useState(''),
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
468
|
+
_useState32 = _slicedToArray(_useState31, 2),
|
|
469
|
+
allCheckedClassName = _useState32[0],
|
|
470
|
+
setAllCheckedClassName = _useState32[1];
|
|
555
471
|
useEffect(function () {
|
|
556
472
|
if (selectedRowKeys.length == eventCount && eventCount != 0) {
|
|
557
473
|
setAllCheckedClassName('ant-checkbox-checked');
|
|
@@ -561,80 +477,64 @@ var AddPlan = function AddPlan(props) {
|
|
|
561
477
|
setTableAllchecked(false);
|
|
562
478
|
} else {
|
|
563
479
|
setAllCheckedClassName('ant-checkbox-indeterminate');
|
|
564
|
-
}
|
|
565
|
-
|
|
566
|
-
}, [selectedRowKeys]);
|
|
567
|
-
|
|
480
|
+
}
|
|
481
|
+
// console.log('最近selectedRowKeys', selectedRowKeys, eventCount);
|
|
482
|
+
}, [selectedRowKeys]);
|
|
483
|
+
// 批量删除
|
|
568
484
|
var deteleDataHandle = function deteleDataHandle(data) {
|
|
569
485
|
var _tempData = [];
|
|
570
486
|
data.map(function (_item, index) {
|
|
571
487
|
var _jsop = {};
|
|
572
|
-
|
|
573
|
-
var _loop3 = function _loop3(key) {
|
|
488
|
+
var _loop3 = function _loop3() {
|
|
574
489
|
var _data = [];
|
|
575
|
-
|
|
576
490
|
_item[key].map(function (item) {
|
|
577
491
|
selectedRowKeys.indexOf(item.key) == -1 ? _data.push(item) : null;
|
|
578
492
|
});
|
|
579
|
-
|
|
580
493
|
if (_data.length > 0) {
|
|
581
494
|
_jsop[key] = _data;
|
|
582
495
|
}
|
|
583
496
|
};
|
|
584
|
-
|
|
585
497
|
for (var key in _item) {
|
|
586
|
-
_loop3(
|
|
498
|
+
_loop3();
|
|
587
499
|
}
|
|
588
|
-
|
|
589
500
|
_tempData.push(_jsop);
|
|
590
501
|
});
|
|
591
502
|
return _tempData;
|
|
592
503
|
};
|
|
593
|
-
|
|
594
504
|
var batchDetele = function batchDetele() {
|
|
595
505
|
if (listTab == '1') {
|
|
596
506
|
var _tempData = deteleDataHandle(_.cloneDeep(eventListData));
|
|
597
|
-
|
|
598
507
|
var _tempDataCopy = deteleDataHandle(_.cloneDeep(eventListDataCopy));
|
|
599
|
-
|
|
600
508
|
setEventListData(_tempData);
|
|
601
509
|
setEventListDataCopy(_tempDataCopy); // 备份
|
|
602
510
|
} else {
|
|
603
511
|
var data = _.cloneDeep(userAttrData);
|
|
604
|
-
|
|
605
512
|
_.remove(data, function (x) {
|
|
606
513
|
return selectedRowKeys.indexOf(x.key) != -1;
|
|
607
514
|
});
|
|
608
|
-
|
|
609
515
|
setUserAttrData(data);
|
|
610
|
-
|
|
611
516
|
var dataCopy = _.cloneDeep(userAttrDataCopy);
|
|
612
|
-
|
|
613
517
|
_.remove(dataCopy, function (x) {
|
|
614
518
|
return selectedRowKeys.indexOf(x.key) != -1;
|
|
615
519
|
});
|
|
616
|
-
|
|
617
520
|
setUserAttrDataCopy(dataCopy); // 备份
|
|
618
521
|
}
|
|
619
522
|
|
|
620
523
|
setEditOperate(true);
|
|
621
524
|
setSelectedRowKeys([]);
|
|
622
525
|
message.error('删除成功');
|
|
623
|
-
};
|
|
624
|
-
|
|
625
|
-
|
|
526
|
+
};
|
|
527
|
+
// 是否有编辑操作
|
|
626
528
|
var _useState33 = useState(false),
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
529
|
+
_useState34 = _slicedToArray(_useState33, 2),
|
|
530
|
+
editOperate = _useState34[0],
|
|
531
|
+
setEditOperate = _useState34[1];
|
|
532
|
+
// 保存时,方案名称若为空,Input显示校验提示
|
|
632
533
|
var _useState35 = useState(''),
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
534
|
+
_useState36 = _slicedToArray(_useState35, 2),
|
|
535
|
+
planNameInputStatus = _useState36[0],
|
|
536
|
+
setplanNameInputStatus = _useState36[1];
|
|
537
|
+
// 检索条数
|
|
638
538
|
useEffect(function () {
|
|
639
539
|
if (listTab == '1') {
|
|
640
540
|
var n = 0;
|
|
@@ -649,8 +549,8 @@ var AddPlan = function AddPlan(props) {
|
|
|
649
549
|
} else {
|
|
650
550
|
setSearchTotal(userAttrData.length);
|
|
651
551
|
}
|
|
652
|
-
}, [listTab, eventListData, userAttrData]);
|
|
653
|
-
|
|
552
|
+
}, [listTab, eventListData, userAttrData]);
|
|
553
|
+
// 表格列
|
|
654
554
|
var columns = [{
|
|
655
555
|
title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
|
|
656
556
|
className: allCheckedClassName,
|
|
@@ -793,5 +693,4 @@ var AddPlan = function AddPlan(props) {
|
|
|
793
693
|
className: "spin"
|
|
794
694
|
})));
|
|
795
695
|
};
|
|
796
|
-
|
|
797
696
|
export default AddPlan;
|