@zgfe/modules-dm 1.0.2-dm.27 → 1.0.2-dm.29

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.
@@ -1,8 +1,8 @@
1
1
  @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
2
  .data-collection {
3
3
  position: relative;
4
- width: calc(100% - 264px);
5
- height: 100%;
4
+ // width: calc(100% - 288px);
5
+ // height: 100%;
6
6
  margin-top: 16px;
7
7
  margin-right: 24px;
8
8
  margin-bottom: 24px;
@@ -23,282 +23,302 @@
23
23
  padding: 3px 20px 20px 20px;
24
24
  }
25
25
  }
26
- .attr-list,
27
- .event-list {
28
- position: relative;
29
- min-height: 550px;
30
- &-back {
31
- margin-bottom: 10px;
32
- cursor: pointer;
33
- user-select: none;
26
+ }
27
+
28
+ .attr-list,
29
+ .event-list {
30
+ position: relative;
31
+ min-height: 550px;
32
+ &-back {
33
+ margin-bottom: 10px;
34
+ cursor: pointer;
35
+ user-select: none;
36
+ }
37
+ .hidden-box {
38
+ display: none;
39
+ }
40
+ .error-row {
41
+ color: #fb5547;
42
+ }
43
+ .fuzhi {
44
+ display: none;
45
+ margin-left: 10px;
46
+ color: #666;
47
+ font-size: 16px !important;
48
+ &:hover {
49
+ color: @primary-color;
34
50
  }
35
- .hidden-box {
36
- display: none;
51
+ }
52
+ }
53
+
54
+ .event-list {
55
+ &-top-box {
56
+ position: relative;
57
+ display: flex;
58
+ margin-bottom: 17px;
59
+ .top-select {
60
+ width: 264px;
61
+ margin-right: 12px;
37
62
  }
38
- .error-row {
39
- color: #fb5547;
63
+ .top-input {
64
+ width: 264px;
65
+ margin-right: 12px;
66
+ .ant-input-prefix {
67
+ margin-right: 20px;
68
+ transform: scale(1.5);
69
+ }
40
70
  }
41
- .fuzhi {
42
- display: none;
43
- margin-left: 10px;
44
- color: #666;
45
- font-size: 16px !important;
46
- &:hover {
71
+ .top-total {
72
+ line-height: 32px;
73
+ span {
74
+ margin: 0 4px;
47
75
  color: @primary-color;
76
+ font-weight: bold;
48
77
  }
49
78
  }
79
+ .top-button {
80
+ position: absolute;
81
+ top: 0;
82
+ right: 0;
83
+ line-height: 100%;
84
+ }
50
85
  }
51
- .event-list {
52
- &-top-box {
53
- position: relative;
54
- display: flex;
55
- margin-bottom: 17px;
56
- .top-select {
57
- width: 264px;
58
- margin-right: 12px;
59
- }
60
- .top-input {
61
- width: 264px;
62
- margin-right: 12px;
63
- .ant-input-prefix {
64
- margin-right: 20px;
65
- transform: scale(1.5);
86
+ .table-plus {
87
+ &-table {
88
+ .ant-table {
89
+ .ant-table-tbody {
90
+ // height: 500px;
91
+ }
92
+ table {
93
+ border-collapse: collapse;
66
94
  }
67
95
  }
68
- .top-total {
69
- line-height: 32px;
70
- span {
71
- margin: 0 4px;
72
- color: @primary-color;
73
- font-weight: bold;
96
+ .ant-table-cell-row-hover {
97
+ .bsicon {
98
+ display: inline-block !important;
74
99
  }
75
100
  }
76
- .top-button {
77
- position: absolute;
78
- top: 0;
79
- right: 0;
80
- line-height: 100%;
101
+ .alias_name_popover {
102
+ width: 200px;
103
+ word-break: break-all;
104
+ background: red;
81
105
  }
82
- }
83
- .table-plus {
84
- &-table {
85
- .ant-table {
86
- .ant-table-tbody {
87
- // height: 500px;
88
- }
89
- table {
90
- border-collapse: collapse;
91
- }
106
+ .alias_name {
107
+ background: #fff !important;
108
+ border: none;
109
+ cursor: pointer;
110
+ }
111
+ .ant-input:focus,
112
+ .ant-input-focused {
113
+ background-color: #fff !important;
114
+ border-bottom: 1px solid @primary-color;
115
+ border-radius: 0 !important;
116
+ box-shadow: none !important;
117
+ }
118
+ .group-row {
119
+ border-top: 12px solid #f5f5f5;
120
+ .ant-table-cell-fix-left {
121
+ left: 0px;
122
+ display: block;
123
+ width: 500px;
124
+ background: #fff;
92
125
  }
93
- .ant-table-cell-row-hover {
94
- .bsicon {
95
- display: inline-block !important;
96
- }
126
+ .ant-table-cell-fix-left-first::after,
127
+ .ant-table-cell-fix-left-last::after {
128
+ box-shadow: none;
129
+ }
130
+ td {
131
+ padding: 6px 16px;
97
132
  }
98
- .alias_name_popover {
99
- width: 200px;
100
- word-break: break-all;
101
- background: red;
133
+ :last-child {
134
+ padding: 0;
102
135
  }
103
- .alias_name {
104
- background: #fff !important;
136
+ td:not(:first-child, :last-child) > * {
137
+ display: none;
138
+ }
139
+ }
140
+ .group-box {
141
+ display: flex;
142
+ width: 800px;
143
+ line-height: 30px;
144
+ .ant-input {
145
+ width: 150px;
105
146
  border: none;
106
- cursor: pointer;
107
147
  }
108
- .ant-input:focus,
109
- .ant-input-focused {
110
- background-color: #fff !important;
111
- border-bottom: 1px solid @primary-color;
112
- border-radius: 0 !important;
113
- box-shadow: none !important;
148
+ .bsicon {
149
+ margin-right: 4px;
150
+ font-size: 18px !important;
114
151
  }
115
- .group-row {
116
- border-top: 12px solid #f5f5f5;
117
- .ant-table-cell-fix-left {
118
- left: 0px;
119
- display: block;
120
- width: 500px;
121
- background: #fff;
122
- }
123
- .ant-table-cell-fix-left-first::after,
124
- .ant-table-cell-fix-left-last::after {
125
- box-shadow: none;
126
- }
127
- td {
128
- padding: 6px 16px;
129
- }
130
- :last-child {
131
- padding: 0;
132
- }
133
- td:not(:first-child, :last-child) > * {
134
- display: none;
135
- }
152
+ // .group-text {
153
+ // display: -webkit-box;
154
+ // width: 120px;
155
+ // overflow: hidden;
156
+ // -webkit-box-orient: vertical;
157
+ // -webkit-line-clamp: 1;
158
+ // }
159
+ .group-handle {
160
+ margin-left: 30px;
161
+ cursor: pointer;
162
+ user-select: none;
136
163
  }
137
- .group-box {
138
- display: flex;
139
- width: 800px;
140
- line-height: 30px;
141
- .ant-input {
142
- width: 150px;
143
- border: none;
144
- }
145
- .bsicon {
146
- margin-right: 4px;
147
- font-size: 18px !important;
148
- }
149
- // .group-text {
150
- // display: -webkit-box;
151
- // width: 120px;
152
- // overflow: hidden;
153
- // -webkit-box-orient: vertical;
154
- // -webkit-line-clamp: 1;
155
- // }
156
- .group-handle {
157
- margin-left: 30px;
158
- cursor: pointer;
159
- user-select: none;
160
- }
164
+ }
165
+ .edit-del {
166
+ .bsicon {
167
+ margin-left: 15px;
168
+ font-size: 16px !important;
169
+ cursor: pointer;
161
170
  }
162
- .edit-del {
163
- .bsicon {
164
- margin-left: 15px;
165
- font-size: 16px !important;
166
- cursor: pointer;
167
- }
168
- :first-child:hover {
169
- color: @primary-color;
170
- }
171
- :last-child:hover {
172
- color: red;
173
- }
171
+ :first-child:hover {
172
+ color: @primary-color;
174
173
  }
175
- .select-style {
176
- width: 126px;
177
- .ant-select-selection-item {
178
- color: #021429;
179
- font-weight: 500;
180
- }
174
+ :last-child:hover {
175
+ color: red;
181
176
  }
182
- .event_attrs {
183
- .bsicon {
184
- margin-left: 12px;
185
- font-size: 16px !important;
186
- &:hover {
187
- color: @primary-color;
188
- }
189
- }
177
+ }
178
+ .select-style {
179
+ width: 126px;
180
+ .ant-select-selection-item {
181
+ color: #021429;
182
+ font-weight: 500;
190
183
  }
191
- .event_name {
192
- display: flex;
193
- cursor: pointer;
194
- .event_name-text {
195
- display: -webkit-box;
196
- width: 120px;
197
- overflow: hidden;
198
- -webkit-box-orient: vertical;
199
- -webkit-line-clamp: 1;
200
- }
201
- .copy-text {
202
- display: none;
203
- margin-left: 10px;
204
- font-size: 16px !important;
205
- }
206
- .copy-text:hover {
184
+ }
185
+ .event_attrs {
186
+ .bsicon {
187
+ margin-left: 12px;
188
+ font-size: 16px !important;
189
+ &:hover {
207
190
  color: @primary-color;
208
191
  }
209
- .collect-icon,
210
- .collect-icon-active {
211
- margin: 0 4px;
212
- font-size: 16px !important;
213
- }
214
- .collect-icon {
215
- color: #999;
216
- opacity: 0;
217
- }
218
- .collect-icon:hover {
219
- color: #f2d074;
220
- }
221
- .collect-icon-active {
222
- color: #fd9f41;
223
- }
224
- .ant-checkbox-wrapper {
225
- align-items: center;
226
- margin-top: -6px;
227
- }
228
192
  }
229
- .ant-table-row:hover {
230
- .collect-icon {
231
- opacity: 1;
232
- }
233
- .copy-text {
234
- display: block;
235
- }
193
+ }
194
+ .event_name {
195
+ display: flex;
196
+ cursor: pointer;
197
+ .event_name-text {
198
+ display: -webkit-box;
199
+ width: 120px;
200
+ overflow: hidden;
201
+ -webkit-box-orient: vertical;
202
+ -webkit-line-clamp: 1;
203
+ }
204
+ .copy-text {
205
+ display: none;
206
+ margin-left: 10px;
207
+ font-size: 16px !important;
236
208
  }
237
- .set {
209
+ .copy-text:hover {
238
210
  color: @primary-color;
239
- text-align: center;
240
- cursor: pointer;
241
- user-select: none;
242
211
  }
243
- .set-error {
244
- color: #86909c;
212
+ .collect-icon,
213
+ .collect-icon-active {
214
+ margin: 0 4px;
215
+ font-size: 16px !important;
216
+ }
217
+ .collect-icon {
218
+ color: #999;
219
+ opacity: 0;
220
+ }
221
+ .collect-icon:hover {
222
+ color: #f2d074;
223
+ }
224
+ .collect-icon-active {
225
+ color: #fd9f41;
226
+ }
227
+ .ant-checkbox-wrapper {
228
+ align-items: center;
229
+ margin-top: -6px;
245
230
  }
246
231
  }
247
- }
248
- }
249
- .attr-list {
250
- .attr-name {
251
- display: flex;
252
- .attr-name-text {
253
- display: -webkit-box;
254
- width: 120px;
255
- overflow: hidden;
256
- -webkit-box-orient: vertical;
257
- -webkit-line-clamp: 1;
232
+ .ant-table-row:hover {
233
+ .collect-icon {
234
+ opacity: 1;
235
+ }
236
+ .copy-text {
237
+ display: block;
238
+ }
258
239
  }
259
- .tishiicon {
260
- margin-right: 6px;
240
+ .set {
241
+ color: @primary-color;
242
+ text-align: center;
243
+ cursor: pointer;
244
+ user-select: none;
261
245
  }
262
- &:hover {
263
- .fuzhi {
264
- display: inline-block;
265
- cursor: pointer;
266
- }
246
+ .set-error {
247
+ color: #86909c;
267
248
  }
268
249
  }
269
- .alias_name {
270
- background: #fff !important;
271
- border: none;
272
- cursor: pointer;
250
+ }
251
+ }
252
+
253
+ .attr-list {
254
+ .attr-name {
255
+ display: flex;
256
+ .attr-name-text {
257
+ display: -webkit-box;
258
+ width: 120px;
259
+ overflow: hidden;
260
+ -webkit-box-orient: vertical;
261
+ -webkit-line-clamp: 1;
273
262
  }
274
- .ant-input:focus,
275
- .ant-input-focused {
276
- background-color: #fff !important;
277
- border-bottom: 1px solid @primary-color;
278
- border-radius: 0 !important;
279
- box-shadow: none !important;
263
+ .tishiicon {
264
+ margin-right: 6px;
280
265
  }
281
- .attr_alias_name {
282
- cursor: pointer;
283
- user-select: none;
284
- &:hover {
285
- color: @primary-color;
266
+ &:hover {
267
+ .fuzhi {
268
+ display: inline-block;
269
+ cursor: pointer;
286
270
  }
287
271
  }
288
- .button-box {
289
- display: flex;
290
- margin-bottom: 10px;
291
- .ant-btn {
292
- margin-right: 20px;
293
- }
294
- .bsicon {
295
- margin-right: 6px;
296
- }
272
+ }
273
+ .alias_name {
274
+ background: #fff !important;
275
+ border: none;
276
+ cursor: pointer;
277
+ }
278
+ .ant-input:focus,
279
+ .ant-input-focused {
280
+ background-color: #fff !important;
281
+ border-bottom: 1px solid @primary-color;
282
+ border-radius: 0 !important;
283
+ box-shadow: none !important;
284
+ }
285
+ .attr_alias_name {
286
+ cursor: pointer;
287
+ user-select: none;
288
+ &:hover {
289
+ color: @primary-color;
290
+ }
291
+ }
292
+ .button-box {
293
+ display: flex;
294
+ margin-top: -24px;
295
+ margin-bottom: 14px;
296
+ .ant-btn {
297
+ margin-right: 20px;
297
298
  }
298
- .clearData {
299
- text-align: right;
300
- cursor: pointer;
301
- user-select: none;
299
+ .bsicon {
300
+ margin-right: 6px;
302
301
  }
303
302
  }
303
+ .clearData {
304
+ position: absolute;
305
+ top: 75px;
306
+ right: 26px;
307
+ text-align: right;
308
+ cursor: pointer;
309
+ user-select: none;
310
+ }
311
+ }
312
+
313
+ .event-list-drawer {
314
+ .ant-drawer-header-title {
315
+ height: 20px;
316
+ .ant-drawer-close {
317
+ position: absolute;
318
+ right: 24px;
319
+ }
320
+ }
321
+ .ant-drawer-mask {
322
+ background: rgba(0, 0, 0, 0.8);
323
+ }
304
324
  }
@@ -24,6 +24,7 @@ var Option = Select.Option;
24
24
  import React, { useState, useContext } from 'react';
25
25
  import './styles/index.less';
26
26
  import _ from 'lodash';
27
+ import { getAppID } from '../../utils';
27
28
  import { DmContext } from '../../store';
28
29
 
29
30
  var TablePlus = function TablePlus(props) {
@@ -57,7 +58,7 @@ var TablePlus = function TablePlus(props) {
57
58
  request(apis.updateEventInfo, {
58
59
  method: 'post',
59
60
  params: {
60
- app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
61
+ app_id: getAppID(currentApp),
61
62
  alias_name: value,
62
63
  event_id: record.event_id
63
64
  }
@@ -109,7 +110,7 @@ var TablePlus = function TablePlus(props) {
109
110
  data: {
110
111
  eventGroupName: eventNameInput,
111
112
  eventGroupId: eventNameData.groupId,
112
- appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
113
+ appId: getAppID(currentApp),
113
114
  platform: 0
114
115
  }
115
116
  }).then(function (res) {
@@ -140,7 +141,7 @@ var TablePlus = function TablePlus(props) {
140
141
  request(apis.deleteEventGroup, {
141
142
  method: 'post',
142
143
  data: {
143
- appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
144
+ appId: getAppID(currentApp),
144
145
  eventGroupId: eventGroupId
145
146
  }
146
147
  }).then(function (res) {
@@ -168,7 +169,7 @@ var TablePlus = function TablePlus(props) {
168
169
  request(apis.deleteEventMeta, {
169
170
  method: 'post',
170
171
  params: {
171
- app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
172
+ app_id: getAppID(currentApp),
172
173
  event_id: event_id
173
174
  }
174
175
  }).then(function (res) {
@@ -210,7 +211,7 @@ var TablePlus = function TablePlus(props) {
210
211
  request(apis.updateEventInfo, {
211
212
  method: 'post',
212
213
  params: _objectSpread({
213
- app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
214
+ app_id: getAppID(currentApp),
214
215
  event_id: record.event_id
215
216
  }, _temp)
216
217
  }).then(function (res) {
@@ -283,7 +284,7 @@ var TablePlus = function TablePlus(props) {
283
284
  request(apis.operateGroupRelations, {
284
285
  method: 'post',
285
286
  data: _objectSpread({
286
- appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
287
+ appId: getAppID(currentApp),
287
288
  platform: 0,
288
289
  hasPublicAttrView: true,
289
290
  eventIds: groupCheckedData[data.groupId].join(',')
@@ -637,8 +638,12 @@ var TablePlus = function TablePlus(props) {
637
638
  pagination: false
638
639
  }), /*#__PURE__*/React.createElement(Modal, {
639
640
  title: "\u4FEE\u6539\u5206\u7EC4\u540D",
641
+ bodyStyle: {
642
+ padding: '0 24px 24px 24px'
643
+ },
640
644
  destroyOnClose: true,
641
645
  visible: eventNameShow,
646
+ getContainer: false,
642
647
  onOk: eventNameEdit,
643
648
  onCancel: function onCancel() {
644
649
  return setEventNameShow(false);