@zgfe/modules-event 1.0.29-zhongyuan.18 → 1.0.29-zhongyuan.19

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.
@@ -45,7 +45,8 @@ var EventTable = function EventTable(props) {
45
45
  eventEnvList = _useContext.eventEnvList,
46
46
  userPropList = _useContext.userPropList,
47
47
  userGroupList = _useContext.userGroupList,
48
- authority = _useContext.authority;
48
+ authority = _useContext.authority,
49
+ showProdDownload = _useContext.showProdDownload;
49
50
  var _useContext2 = useContext(EventContext),
50
51
  onUserDrill = _useContext2.onUserDrill,
51
52
  _useContext2$defaultS = _useContext2.defaultSearch,
@@ -241,7 +242,7 @@ var EventTable = function EventTable(props) {
241
242
  }, /*#__PURE__*/React.createElement("span", null, item[0], "\uFF1A"), /*#__PURE__*/React.createElement("span", null, item[1], index === pvTitle.length - 1 ? '' : ' | '));
242
243
  }), "\uFF09")) : null), /*#__PURE__*/React.createElement("div", null, authority[100051] && /*#__PURE__*/React.createElement("div", {
243
244
  onClick: seeSql
244
- }, "\u67E5\u770BSQL"), authority[100050] && /*#__PURE__*/React.createElement("div", {
245
+ }, "\u67E5\u770BSQL"), authority[100050] && showProdDownload && /*#__PURE__*/React.createElement("div", {
245
246
  onClick: download
246
247
  }, /*#__PURE__*/React.createElement(IconFont, {
247
248
  type: "xiazai1"
@@ -1,236 +1,236 @@
1
- .event-mi-table {
2
- margin-top: 16px;
3
- }
4
- .event-mi-table-loading {
5
- min-height: 300px;
6
- }
7
- .event-mi-table-table-header {
8
- display: flex;
9
- align-items: center;
10
- justify-content: space-between;
11
- height: 50px;
12
- margin-bottom: -1px;
13
- padding: 0 12px;
14
- line-height: 50px;
15
- background: #fafafb;
16
- border: 1px solid #e6e7ea;
17
- border-radius: 8px 8px 0 0;
18
- }
19
- .event-mi-table-table-header > :nth-child(2) {
20
- display: flex;
21
- }
22
- .event-mi-table-table-header > :nth-child(2) > :nth-child(1) {
23
- margin-right: 16px;
24
- }
25
- .event-mi-table-table-header > :nth-child(2) div {
26
- height: 32px;
27
- padding: 0 16px;
28
- line-height: 32px;
29
- background: #fff;
30
- border: 1px solid #f2f3f4;
31
- border-radius: 4px;
32
- cursor: pointer;
33
- }
34
- .event-mi-table-table-header > :nth-child(2) div .xiazai1 {
35
- margin-right: 4px;
36
- font-size: 18px !important;
37
- vertical-align: -2px;
38
- }
39
- .event-mi-table-table-header > :nth-child(2) div:hover {
40
- color: #165dff;
41
- background: #e8efff;
42
- border: 1px solid #165dff;
43
- }
44
- .event-mi-table-table-header > :nth-child(2) div:active {
45
- color: #1454e5;
46
- background: #e8efff;
47
- border: 1px solid #1454e5;
48
- }
49
- .event-mi-table-table-header-left {
50
- display: flex;
51
- flex: 1;
52
- flex-direction: row;
53
- overflow: hidden;
54
- }
55
- .event-mi-table-table-header-left-box {
56
- display: flex;
57
- flex: 1;
58
- flex-direction: row;
59
- overflow: hidden;
60
- color: #67727f;
61
- }
62
- .event-mi-table-table-header-left-content {
63
- display: flex;
64
- flex: 1;
65
- flex-direction: row;
66
- overflow: hidden;
67
- color: #67727f;
68
- }
69
- .event-mi-table-table-header-left-content > span {
70
- display: flex;
71
- flex-direction: row;
72
- max-width: 33.33%;
73
- overflow: hidden;
74
- }
75
- .event-mi-table-table-header-left-content > span :first-child {
76
- overflow: hidden;
77
- white-space: nowrap;
78
- text-overflow: ellipsis;
79
- }
80
- .event-mi-table-table-header-left-content > span :nth-child(2) {
81
- flex: 1;
82
- white-space: nowrap;
83
- }
84
- .event-mi-table .ant-table {
85
- border-radius: 0 0 8px 8px;
86
- }
87
- .event-mi-table .sourcepanel-table-header {
88
- overflow: hidden;
89
- border-radius: 8px 8px 0 0;
90
- }
91
- .event-mi-table .sourcepanel-table-header .ant-table {
92
- max-height: none;
93
- }
94
- .event-mi-table .ant-pagination {
95
- margin-top: 24px !important;
96
- }
97
- .event-mi-table .ant-table .ant-table-thead .ant-table-cell.ant-table-column-has-sorters .ant-table-column-sorters {
98
- justify-content: flex-end !important;
99
- }
100
- .event-mi-table .ant-table-cell-with-append {
101
- padding-left: 20px;
102
- }
103
- .event-mi-table .ant-table-cell-with-append .ant-table-row-expand-icon {
104
- position: absolute;
105
- left: 0;
106
- margin-top: 0;
107
- }
108
- .event-mi-table .tooltip-userGroup-box {
109
- display: flex;
110
- max-width: 330px;
111
- overflow: hidden;
112
- white-space: nowrap;
113
- text-overflow: ellipsis;
114
- }
115
- .event-mi-table .tooltip-userGroup-box div {
116
- max-width: 330px;
117
- overflow: hidden;
118
- white-space: nowrap;
119
- text-overflow: ellipsis;
120
- }
121
- .event-mi-table .tooltip-name-box {
122
- display: flex;
123
- }
124
- .event-mi-table .tooltip-name-box-market {
125
- width: 180px;
126
- margin-right: 8px;
127
- overflow: hidden;
128
- white-space: nowrap;
129
- text-overflow: ellipsis;
130
- cursor: pointer;
131
- -webkit-line-clamp: 1;
132
- -webkit-box-orient: vertical;
133
- }
134
- .event-mi-table .tooltip-name-box-market .shoucang {
135
- color: #fd9f41;
136
- font-size: 16px !important;
137
- }
138
- .event-mi-table .tooltip-name-box-market .notshoucang {
139
- opacity: 0;
140
- }
141
- .event-mi-table .tooltip-name-box .fuzhi1 {
142
- display: none;
143
- font-size: 16px !important;
144
- }
145
- .event-mi-table .tooltip-name-box .fuzhi1:hover {
146
- color: #165dff;
147
- }
148
- .event-mi-table .tooltip-name-box:hover .fuzhi1 {
149
- display: block;
150
- }
151
- .event-mi-table-table-empty img {
152
- width: 50px !important;
153
- height: auto;
154
- margin-top: 30px;
155
- margin-bottom: 10px;
156
- }
157
- .event-mi-table-table-empty p {
158
- color: rgba(0, 0, 0, 0.25);
159
- }
160
- .event-mi-table-chart-box {
161
- display: flex;
162
- flex-direction: column;
163
- width: 100%;
164
- }
165
- .event-mi-table-chart-box-tooltip {
166
- width: 200px;
167
- margin-bottom: 24px;
168
- color: #67727f;
169
- font-size: 12px;
170
- }
171
- .event-table-sql-modal .ant-modal {
172
- width: 720px !important;
173
- }
174
- .event-table-sql-modal .ant-modal-header {
175
- position: relative;
176
- z-index: 1;
177
- height: 82px;
178
- background: transparent;
179
- }
180
- .event-table-sql-modal .ant-modal-body {
181
- padding: 0 24px 24px 24px;
182
- }
183
- .event-table-sql-modal .ant-modal-close-x {
184
- margin-top: 13px;
185
- margin-right: 8px;
186
- }
187
- .event-table-sql-modal img {
188
- width: 100%;
189
- }
190
- .event-table-sql-modal .qingchu {
191
- font-weight: 500;
192
- font-size: 22px !important;
193
- }
194
- .event-table-sql-modal .modal-bg {
195
- position: absolute;
196
- top: 0;
197
- left: 0;
198
- width: 100%;
199
- height: auto;
200
- }
201
- .event-table-sql-modal pre {
202
- margin-bottom: 0;
203
- }
204
- .event-table-sql-modal .hljs {
205
- height: 400px;
206
- padding: 16px;
207
- padding-bottom: 0;
208
- background: #fafafb;
209
- border-radius: 8px;
210
- }
211
- .event-table-sql-modal .copy-box {
212
- position: absolute;
213
- top: 98px;
214
- right: 40px;
215
- padding: 0 8px;
216
- background: #f2f3f4;
217
- border-radius: 4px;
218
- }
219
- .event-table-sql-modal .copy-box .fuzhi1 {
220
- margin-right: 8px;
221
- }
222
- .event-table-sql-modal .copy-box:hover {
223
- color: #165dff;
224
- background: #e8efff;
225
- }
226
- .event-table-sql-modal .copy-box:active {
227
- color: #1454e5;
228
- background: #e8efff;
229
- }
230
- .ant-modal-content {
231
- position: relative;
232
- }
233
- .ant-modal-content .sql-tip {
234
- position: absolute;
235
- bottom: 30px;
236
- }
1
+ .event-mi-table {
2
+ margin-top: 16px;
3
+ }
4
+ .event-mi-table-loading {
5
+ min-height: 300px;
6
+ }
7
+ .event-mi-table-table-header {
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: space-between;
11
+ height: 50px;
12
+ margin-bottom: -1px;
13
+ padding: 0 12px;
14
+ line-height: 50px;
15
+ background: #fafafb;
16
+ border: 1px solid #e6e7ea;
17
+ border-radius: 8px 8px 0 0;
18
+ }
19
+ .event-mi-table-table-header > :nth-child(2) {
20
+ display: flex;
21
+ }
22
+ .event-mi-table-table-header > :nth-child(2) > :nth-child(1) {
23
+ margin-right: 16px;
24
+ }
25
+ .event-mi-table-table-header > :nth-child(2) div {
26
+ height: 32px;
27
+ padding: 0 16px;
28
+ line-height: 32px;
29
+ background: #fff;
30
+ border: 1px solid #f2f3f4;
31
+ border-radius: 4px;
32
+ cursor: pointer;
33
+ }
34
+ .event-mi-table-table-header > :nth-child(2) div .xiazai1 {
35
+ margin-right: 4px;
36
+ font-size: 18px !important;
37
+ vertical-align: -2px;
38
+ }
39
+ .event-mi-table-table-header > :nth-child(2) div:hover {
40
+ color: #165dff;
41
+ background: #e8efff;
42
+ border: 1px solid #165dff;
43
+ }
44
+ .event-mi-table-table-header > :nth-child(2) div:active {
45
+ color: #1454e5;
46
+ background: #e8efff;
47
+ border: 1px solid #1454e5;
48
+ }
49
+ .event-mi-table-table-header-left {
50
+ display: flex;
51
+ flex: 1;
52
+ flex-direction: row;
53
+ overflow: hidden;
54
+ }
55
+ .event-mi-table-table-header-left-box {
56
+ display: flex;
57
+ flex: 1;
58
+ flex-direction: row;
59
+ overflow: hidden;
60
+ color: #67727f;
61
+ }
62
+ .event-mi-table-table-header-left-content {
63
+ display: flex;
64
+ flex: 1;
65
+ flex-direction: row;
66
+ overflow: hidden;
67
+ color: #67727f;
68
+ }
69
+ .event-mi-table-table-header-left-content > span {
70
+ display: flex;
71
+ flex-direction: row;
72
+ max-width: 33.33%;
73
+ overflow: hidden;
74
+ }
75
+ .event-mi-table-table-header-left-content > span :first-child {
76
+ overflow: hidden;
77
+ white-space: nowrap;
78
+ text-overflow: ellipsis;
79
+ }
80
+ .event-mi-table-table-header-left-content > span :nth-child(2) {
81
+ flex: 1;
82
+ white-space: nowrap;
83
+ }
84
+ .event-mi-table .ant-table {
85
+ border-radius: 0 0 8px 8px;
86
+ }
87
+ .event-mi-table .sourcepanel-table-header {
88
+ overflow: hidden;
89
+ border-radius: 8px 8px 0 0;
90
+ }
91
+ .event-mi-table .sourcepanel-table-header .ant-table {
92
+ max-height: none;
93
+ }
94
+ .event-mi-table .ant-pagination {
95
+ margin-top: 24px !important;
96
+ }
97
+ .event-mi-table .ant-table .ant-table-thead .ant-table-cell.ant-table-column-has-sorters .ant-table-column-sorters {
98
+ justify-content: flex-end !important;
99
+ }
100
+ .event-mi-table .ant-table-cell-with-append {
101
+ padding-left: 20px;
102
+ }
103
+ .event-mi-table .ant-table-cell-with-append .ant-table-row-expand-icon {
104
+ position: absolute;
105
+ left: 0;
106
+ margin-top: 0;
107
+ }
108
+ .event-mi-table .tooltip-userGroup-box {
109
+ display: flex;
110
+ max-width: 330px;
111
+ overflow: hidden;
112
+ white-space: nowrap;
113
+ text-overflow: ellipsis;
114
+ }
115
+ .event-mi-table .tooltip-userGroup-box div {
116
+ max-width: 330px;
117
+ overflow: hidden;
118
+ white-space: nowrap;
119
+ text-overflow: ellipsis;
120
+ }
121
+ .event-mi-table .tooltip-name-box {
122
+ display: flex;
123
+ }
124
+ .event-mi-table .tooltip-name-box-market {
125
+ width: 180px;
126
+ margin-right: 8px;
127
+ overflow: hidden;
128
+ white-space: nowrap;
129
+ text-overflow: ellipsis;
130
+ cursor: pointer;
131
+ -webkit-line-clamp: 1;
132
+ -webkit-box-orient: vertical;
133
+ }
134
+ .event-mi-table .tooltip-name-box-market .shoucang {
135
+ color: #fd9f41;
136
+ font-size: 16px !important;
137
+ }
138
+ .event-mi-table .tooltip-name-box-market .notshoucang {
139
+ opacity: 0;
140
+ }
141
+ .event-mi-table .tooltip-name-box .fuzhi1 {
142
+ display: none;
143
+ font-size: 16px !important;
144
+ }
145
+ .event-mi-table .tooltip-name-box .fuzhi1:hover {
146
+ color: #165dff;
147
+ }
148
+ .event-mi-table .tooltip-name-box:hover .fuzhi1 {
149
+ display: block;
150
+ }
151
+ .event-mi-table-table-empty img {
152
+ width: 50px !important;
153
+ height: auto;
154
+ margin-top: 30px;
155
+ margin-bottom: 10px;
156
+ }
157
+ .event-mi-table-table-empty p {
158
+ color: rgba(0, 0, 0, 0.25);
159
+ }
160
+ .event-mi-table-chart-box {
161
+ display: flex;
162
+ flex-direction: column;
163
+ width: 100%;
164
+ }
165
+ .event-mi-table-chart-box-tooltip {
166
+ width: 200px;
167
+ margin-bottom: 24px;
168
+ color: #67727f;
169
+ font-size: 12px;
170
+ }
171
+ .event-table-sql-modal .ant-modal {
172
+ width: 720px !important;
173
+ }
174
+ .event-table-sql-modal .ant-modal-header {
175
+ position: relative;
176
+ z-index: 1;
177
+ height: 82px;
178
+ background: transparent;
179
+ }
180
+ .event-table-sql-modal .ant-modal-body {
181
+ padding: 0 24px 24px 24px;
182
+ }
183
+ .event-table-sql-modal .ant-modal-close-x {
184
+ margin-top: 13px;
185
+ margin-right: 8px;
186
+ }
187
+ .event-table-sql-modal img {
188
+ width: 100%;
189
+ }
190
+ .event-table-sql-modal .qingchu {
191
+ font-weight: 500;
192
+ font-size: 22px !important;
193
+ }
194
+ .event-table-sql-modal .modal-bg {
195
+ position: absolute;
196
+ top: 0;
197
+ left: 0;
198
+ width: 100%;
199
+ height: auto;
200
+ }
201
+ .event-table-sql-modal pre {
202
+ margin-bottom: 0;
203
+ }
204
+ .event-table-sql-modal .hljs {
205
+ height: 400px;
206
+ padding: 16px;
207
+ padding-bottom: 0;
208
+ background: #fafafb;
209
+ border-radius: 8px;
210
+ }
211
+ .event-table-sql-modal .copy-box {
212
+ position: absolute;
213
+ top: 98px;
214
+ right: 40px;
215
+ padding: 0 8px;
216
+ background: #f2f3f4;
217
+ border-radius: 4px;
218
+ }
219
+ .event-table-sql-modal .copy-box .fuzhi1 {
220
+ margin-right: 8px;
221
+ }
222
+ .event-table-sql-modal .copy-box:hover {
223
+ color: #165dff;
224
+ background: #e8efff;
225
+ }
226
+ .event-table-sql-modal .copy-box:active {
227
+ color: #1454e5;
228
+ background: #e8efff;
229
+ }
230
+ .ant-modal-content {
231
+ position: relative;
232
+ }
233
+ .ant-modal-content .sql-tip {
234
+ position: absolute;
235
+ bottom: 30px;
236
+ }
@@ -1,249 +1,249 @@
1
- .event-mi-table {
2
- margin-top: 16px;
3
- &-loading {
4
- min-height: 300px;
5
- }
6
- &-table-header {
7
- display: flex;
8
- align-items: center;
9
- justify-content: space-between;
10
- height: 50px;
11
- margin-bottom: -1px;
12
- padding: 0 12px;
13
- line-height: 50px;
14
- background: #fafafb;
15
- border: 1px solid #e6e7ea;
16
- border-radius: 8px 8px 0 0;
17
- > :nth-child(2) {
18
- display: flex;
19
- > :nth-child(1) {
20
- margin-right: 16px;
21
- }
22
- div {
23
- height: 32px;
24
- padding: 0 16px;
25
- line-height: 32px;
26
- background: #fff;
27
- border: 1px solid #f2f3f4;
28
- border-radius: 4px;
29
- cursor: pointer;
30
- .xiazai1 {
31
- margin-right: 4px;
32
- font-size: 18px !important;
33
- vertical-align: -2px;
34
- }
35
- }
36
- div:hover {
37
- color: #165dff;
38
- background: #e8efff;
39
- border: 1px solid #165dff;
40
- }
41
- div:active {
42
- color: #1454e5;
43
- background: #e8efff;
44
- border: 1px solid #1454e5;
45
- }
46
- }
47
- &-left {
48
- display: flex;
49
- flex: 1;
50
- flex-direction: row;
51
- overflow: hidden;
52
- &-box {
53
- display: flex;
54
- flex: 1;
55
- flex-direction: row;
56
- overflow: hidden;
57
- color: #67727f;
58
- }
59
- &-content {
60
- display: flex;
61
- flex: 1;
62
- flex-direction: row;
63
- overflow: hidden;
64
- color: #67727f;
65
- > span {
66
- display: flex;
67
- flex-direction: row;
68
- max-width: 33.33%;
69
- overflow: hidden;
70
- :first-child {
71
- overflow: hidden;
72
- white-space: nowrap;
73
- text-overflow: ellipsis;
74
- }
75
- :nth-child(2) {
76
- flex: 1;
77
- white-space: nowrap;
78
- }
79
- }
80
- }
81
- }
82
- }
83
- .ant-table {
84
- border-radius: 0 0 8px 8px;
85
- }
86
- .sourcepanel-table-header {
87
- overflow: hidden;
88
- border-radius: 8px 8px 0 0;
89
- .ant-table {
90
- max-height: none;
91
- }
92
- }
93
- .ant-pagination {
94
- margin-top: 24px !important;
95
- }
96
- .ant-table
97
- .ant-table-thead
98
- .ant-table-cell.ant-table-column-has-sorters
99
- .ant-table-column-sorters {
100
- justify-content: flex-end !important;
101
- }
102
- .ant-table-cell-with-append {
103
- padding-left: 20px;
104
- .ant-table-row-expand-icon {
105
- position: absolute;
106
- left: 0;
107
- margin-top: 0;
108
- }
109
- }
110
- .tooltip-userGroup-box {
111
- display: flex;
112
- max-width: 330px;
113
- overflow: hidden;
114
- white-space: nowrap;
115
- text-overflow: ellipsis;
116
- div {
117
- max-width: 330px;
118
- overflow: hidden;
119
- white-space: nowrap;
120
- text-overflow: ellipsis;
121
- }
122
- }
123
- .tooltip-name-box {
124
- display: flex;
125
- &-market {
126
- // max-width: calc(100% - 20px);
127
- width: 180px;
128
- margin-right: 8px;
129
- overflow: hidden;
130
- white-space: nowrap;
131
- text-overflow: ellipsis;
132
- cursor: pointer;
133
- -webkit-line-clamp: 1;
134
- -webkit-box-orient: vertical;
135
- .shoucang {
136
- color: #fd9f41;
137
- font-size: 16px !important;
138
- }
139
- .notshoucang {
140
- opacity: 0;
141
- }
142
- }
143
-
144
- .fuzhi1 {
145
- display: none;
146
- font-size: 16px !important;
147
- }
148
- .fuzhi1:hover {
149
- color: #165dff;
150
- }
151
- }
152
- .tooltip-name-box:hover {
153
- .fuzhi1 {
154
- display: block;
155
- }
156
- }
157
-
158
- &-table-empty {
159
- img {
160
- width: 50px !important;
161
- height: auto;
162
- margin-top: 30px;
163
- margin-bottom: 10px;
164
- }
165
- p {
166
- color: rgba(0, 0, 0, 0.25);
167
- }
168
- }
169
-
170
- &-chart-box {
171
- display: flex;
172
- flex-direction: column;
173
- width: 100%;
174
- &-tooltip {
175
- width: 200px;
176
- margin-bottom: 24px;
177
- color: #67727f;
178
- font-size: 12px;
179
- }
180
- }
181
- }
182
- .event-table-sql-modal {
183
- .ant-modal {
184
- width: 720px !important;
185
- }
186
- .ant-modal-header {
187
- position: relative;
188
- z-index: 1;
189
- height: 82px;
190
- background: transparent;
191
- }
192
- .ant-modal-body {
193
- padding: 0 24px 24px 24px;
194
- }
195
- .ant-modal-close-x {
196
- margin-top: 13px;
197
- margin-right: 8px;
198
- }
199
- img {
200
- width: 100%;
201
- }
202
- .qingchu {
203
- font-weight: 500;
204
- font-size: 22px !important;
205
- }
206
- .modal-bg {
207
- position: absolute;
208
- top: 0;
209
- left: 0;
210
- width: 100%;
211
- height: auto;
212
- }
213
- pre {
214
- margin-bottom: 0;
215
- }
216
- .hljs {
217
- height: 400px;
218
- padding: 16px;
219
- padding-bottom: 0;
220
- background: #fafafb;
221
- border-radius: 8px;
222
- }
223
- .copy-box {
224
- position: absolute;
225
- top: 98px;
226
- right: 40px;
227
- padding: 0 8px;
228
- background: #f2f3f4;
229
- border-radius: 4px;
230
- .fuzhi1 {
231
- margin-right: 8px;
232
- }
233
- }
234
- .copy-box:hover {
235
- color: #165dff;
236
- background: #e8efff;
237
- }
238
- .copy-box:active {
239
- color: #1454e5;
240
- background: #e8efff;
241
- }
242
- }
243
- .ant-modal-content {
244
- position: relative;
245
- .sql-tip {
246
- position: absolute;
247
- bottom: 30px;
248
- }
249
- }
1
+ .event-mi-table {
2
+ margin-top: 16px;
3
+ &-loading {
4
+ min-height: 300px;
5
+ }
6
+ &-table-header {
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: space-between;
10
+ height: 50px;
11
+ margin-bottom: -1px;
12
+ padding: 0 12px;
13
+ line-height: 50px;
14
+ background: #fafafb;
15
+ border: 1px solid #e6e7ea;
16
+ border-radius: 8px 8px 0 0;
17
+ > :nth-child(2) {
18
+ display: flex;
19
+ > :nth-child(1) {
20
+ margin-right: 16px;
21
+ }
22
+ div {
23
+ height: 32px;
24
+ padding: 0 16px;
25
+ line-height: 32px;
26
+ background: #fff;
27
+ border: 1px solid #f2f3f4;
28
+ border-radius: 4px;
29
+ cursor: pointer;
30
+ .xiazai1 {
31
+ margin-right: 4px;
32
+ font-size: 18px !important;
33
+ vertical-align: -2px;
34
+ }
35
+ }
36
+ div:hover {
37
+ color: #165dff;
38
+ background: #e8efff;
39
+ border: 1px solid #165dff;
40
+ }
41
+ div:active {
42
+ color: #1454e5;
43
+ background: #e8efff;
44
+ border: 1px solid #1454e5;
45
+ }
46
+ }
47
+ &-left {
48
+ display: flex;
49
+ flex: 1;
50
+ flex-direction: row;
51
+ overflow: hidden;
52
+ &-box {
53
+ display: flex;
54
+ flex: 1;
55
+ flex-direction: row;
56
+ overflow: hidden;
57
+ color: #67727f;
58
+ }
59
+ &-content {
60
+ display: flex;
61
+ flex: 1;
62
+ flex-direction: row;
63
+ overflow: hidden;
64
+ color: #67727f;
65
+ > span {
66
+ display: flex;
67
+ flex-direction: row;
68
+ max-width: 33.33%;
69
+ overflow: hidden;
70
+ :first-child {
71
+ overflow: hidden;
72
+ white-space: nowrap;
73
+ text-overflow: ellipsis;
74
+ }
75
+ :nth-child(2) {
76
+ flex: 1;
77
+ white-space: nowrap;
78
+ }
79
+ }
80
+ }
81
+ }
82
+ }
83
+ .ant-table {
84
+ border-radius: 0 0 8px 8px;
85
+ }
86
+ .sourcepanel-table-header {
87
+ overflow: hidden;
88
+ border-radius: 8px 8px 0 0;
89
+ .ant-table {
90
+ max-height: none;
91
+ }
92
+ }
93
+ .ant-pagination {
94
+ margin-top: 24px !important;
95
+ }
96
+ .ant-table
97
+ .ant-table-thead
98
+ .ant-table-cell.ant-table-column-has-sorters
99
+ .ant-table-column-sorters {
100
+ justify-content: flex-end !important;
101
+ }
102
+ .ant-table-cell-with-append {
103
+ padding-left: 20px;
104
+ .ant-table-row-expand-icon {
105
+ position: absolute;
106
+ left: 0;
107
+ margin-top: 0;
108
+ }
109
+ }
110
+ .tooltip-userGroup-box {
111
+ display: flex;
112
+ max-width: 330px;
113
+ overflow: hidden;
114
+ white-space: nowrap;
115
+ text-overflow: ellipsis;
116
+ div {
117
+ max-width: 330px;
118
+ overflow: hidden;
119
+ white-space: nowrap;
120
+ text-overflow: ellipsis;
121
+ }
122
+ }
123
+ .tooltip-name-box {
124
+ display: flex;
125
+ &-market {
126
+ // max-width: calc(100% - 20px);
127
+ width: 180px;
128
+ margin-right: 8px;
129
+ overflow: hidden;
130
+ white-space: nowrap;
131
+ text-overflow: ellipsis;
132
+ cursor: pointer;
133
+ -webkit-line-clamp: 1;
134
+ -webkit-box-orient: vertical;
135
+ .shoucang {
136
+ color: #fd9f41;
137
+ font-size: 16px !important;
138
+ }
139
+ .notshoucang {
140
+ opacity: 0;
141
+ }
142
+ }
143
+
144
+ .fuzhi1 {
145
+ display: none;
146
+ font-size: 16px !important;
147
+ }
148
+ .fuzhi1:hover {
149
+ color: #165dff;
150
+ }
151
+ }
152
+ .tooltip-name-box:hover {
153
+ .fuzhi1 {
154
+ display: block;
155
+ }
156
+ }
157
+
158
+ &-table-empty {
159
+ img {
160
+ width: 50px !important;
161
+ height: auto;
162
+ margin-top: 30px;
163
+ margin-bottom: 10px;
164
+ }
165
+ p {
166
+ color: rgba(0, 0, 0, 0.25);
167
+ }
168
+ }
169
+
170
+ &-chart-box {
171
+ display: flex;
172
+ flex-direction: column;
173
+ width: 100%;
174
+ &-tooltip {
175
+ width: 200px;
176
+ margin-bottom: 24px;
177
+ color: #67727f;
178
+ font-size: 12px;
179
+ }
180
+ }
181
+ }
182
+ .event-table-sql-modal {
183
+ .ant-modal {
184
+ width: 720px !important;
185
+ }
186
+ .ant-modal-header {
187
+ position: relative;
188
+ z-index: 1;
189
+ height: 82px;
190
+ background: transparent;
191
+ }
192
+ .ant-modal-body {
193
+ padding: 0 24px 24px 24px;
194
+ }
195
+ .ant-modal-close-x {
196
+ margin-top: 13px;
197
+ margin-right: 8px;
198
+ }
199
+ img {
200
+ width: 100%;
201
+ }
202
+ .qingchu {
203
+ font-weight: 500;
204
+ font-size: 22px !important;
205
+ }
206
+ .modal-bg {
207
+ position: absolute;
208
+ top: 0;
209
+ left: 0;
210
+ width: 100%;
211
+ height: auto;
212
+ }
213
+ pre {
214
+ margin-bottom: 0;
215
+ }
216
+ .hljs {
217
+ height: 400px;
218
+ padding: 16px;
219
+ padding-bottom: 0;
220
+ background: #fafafb;
221
+ border-radius: 8px;
222
+ }
223
+ .copy-box {
224
+ position: absolute;
225
+ top: 98px;
226
+ right: 40px;
227
+ padding: 0 8px;
228
+ background: #f2f3f4;
229
+ border-radius: 4px;
230
+ .fuzhi1 {
231
+ margin-right: 8px;
232
+ }
233
+ }
234
+ .copy-box:hover {
235
+ color: #165dff;
236
+ background: #e8efff;
237
+ }
238
+ .copy-box:active {
239
+ color: #1454e5;
240
+ background: #e8efff;
241
+ }
242
+ }
243
+ .ant-modal-content {
244
+ position: relative;
245
+ .sql-tip {
246
+ position: absolute;
247
+ bottom: 30px;
248
+ }
249
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/modules-event",
3
- "version": "1.0.29-zhongyuan.18",
3
+ "version": "1.0.29-zhongyuan.19",
4
4
  "module": "es/index.js",
5
5
  "typings": "es/index.d.ts",
6
6
  "private": false,
@@ -41,7 +41,7 @@
41
41
  "@types/lodash": "^4.14.191",
42
42
  "@umijs/fabric": "^2.8.1",
43
43
  "@umijs/test": "^3.0.5",
44
- "@zgfe/business-lib": "1.2.70-hxd.10",
44
+ "@zgfe/business-lib": "1.2.70-hxd.31",
45
45
  "antd": "^4.22.6",
46
46
  "dumi": "^1.1.0",
47
47
  "echarts": "^5.3.2",
@@ -54,7 +54,7 @@
54
54
  "react": "^16.12.0 || ^17.0.0",
55
55
  "yorkie": "^2.0.0"
56
56
  },
57
- "gitHead": "1bdf2c3d68ab7bcf6210ad94912b02e746d6d7b7",
57
+ "gitHead": "116e64c1d11e49c5f5ddc0c2a73b573e6c022a0f",
58
58
  "gitHooks": {
59
59
  "pre-commit": "lint-staged"
60
60
  }