iep-ui 1.4.27 → 1.4.28
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/multiple-data/main.js +12 -2
- package/es/pollute-calendar/PolluteCalendar.js +13 -8
- package/es/toolkits/pollutionFactors.js +7 -5
- package/lib/multiple-data/main.js +12 -2
- package/lib/pollute-calendar/PolluteCalendar.js +13 -8
- package/lib/toolkits/pollutionFactors.js +7 -5
- package/package.json +1 -1
package/es/multiple-data/main.js
CHANGED
|
@@ -46,7 +46,8 @@ export default {
|
|
|
46
46
|
textColor: PropTypes.string,
|
|
47
47
|
chartType: PropTypes.oneOf(['bar', 'line']),
|
|
48
48
|
isInteraction: PropTypes.bool.def(false), // 联动图
|
|
49
|
-
isExpand: PropTypes.bool.def(false) // 展开图
|
|
49
|
+
isExpand: PropTypes.bool.def(false), // 展开图
|
|
50
|
+
newStandard: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def(true) // 是否是新标
|
|
50
51
|
},
|
|
51
52
|
data: function data() {
|
|
52
53
|
return {
|
|
@@ -151,6 +152,7 @@ export default {
|
|
|
151
152
|
window.addEventListener('resize', this.handleWindowResize);
|
|
152
153
|
// this.$el.onclick =() => this.params6NameTooltipShow = false;
|
|
153
154
|
this.watchData = this.$watch('chartOptions', function (e) {
|
|
155
|
+
console.log(2222);
|
|
154
156
|
if (!isEmpty(e.axis) && !isEmpty(e.time) && !isEmpty(e.data)) {
|
|
155
157
|
if (_this2.chart) {
|
|
156
158
|
_this2.chart.clear();
|
|
@@ -1029,7 +1031,7 @@ export default {
|
|
|
1029
1031
|
color: function color(params) {
|
|
1030
1032
|
var v = params.value;
|
|
1031
1033
|
var t = params.seriesName;
|
|
1032
|
-
return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t,
|
|
1034
|
+
return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t, _this4.newStandard) : _this4.waterToColor(v, t);
|
|
1033
1035
|
}
|
|
1034
1036
|
}
|
|
1035
1037
|
},
|
|
@@ -1327,5 +1329,13 @@ export default {
|
|
|
1327
1329
|
},
|
|
1328
1330
|
[this.isEmpty(this.chartOptions.data) ? this.$slots.empty ? this.$slots.empty : h('empty', { props: emptyProps }) : [buttonsNodes, chartNodes]]
|
|
1329
1331
|
);
|
|
1332
|
+
},
|
|
1333
|
+
|
|
1334
|
+
watch: {
|
|
1335
|
+
newStandard: {
|
|
1336
|
+
handler: function handler() {
|
|
1337
|
+
this.renderChartView();
|
|
1338
|
+
}
|
|
1339
|
+
}
|
|
1330
1340
|
}
|
|
1331
1341
|
};
|
|
@@ -34,7 +34,8 @@ export default {
|
|
|
34
34
|
factor: PropTypes.string,
|
|
35
35
|
factorList: PropTypes.array.def([]), // zxw新加 因子列表
|
|
36
36
|
mode: PropTypes.string.def('air'),
|
|
37
|
-
type: PropTypes.string.def('hour') //默认是小时对应的色值 传 day 是去24小时数据色值
|
|
37
|
+
type: PropTypes.string.def('hour'), //默认是小时对应的色值 传 day 是去24小时数据色值
|
|
38
|
+
newStandard: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def(true) // 是否是新标
|
|
38
39
|
},
|
|
39
40
|
inject: {
|
|
40
41
|
configProvider: { 'default': function _default() {
|
|
@@ -69,12 +70,14 @@ export default {
|
|
|
69
70
|
var _$props = this.$props,
|
|
70
71
|
year = _$props.year,
|
|
71
72
|
data = _$props.data,
|
|
72
|
-
factor = _$props.factor
|
|
73
|
+
factor = _$props.factor,
|
|
74
|
+
newStandard = _$props.newStandard;
|
|
73
75
|
|
|
74
76
|
return {
|
|
75
77
|
year: year,
|
|
76
78
|
data: data,
|
|
77
|
-
factor: factor
|
|
79
|
+
factor: factor,
|
|
80
|
+
newStandard: newStandard
|
|
78
81
|
};
|
|
79
82
|
}
|
|
80
83
|
},
|
|
@@ -135,7 +138,8 @@ export default {
|
|
|
135
138
|
var _$props2 = this.$props,
|
|
136
139
|
factor = _$props2.factor,
|
|
137
140
|
year = _$props2.year,
|
|
138
|
-
mode = _$props2.mode
|
|
141
|
+
mode = _$props2.mode,
|
|
142
|
+
newStandard = _$props2.newStandard;
|
|
139
143
|
|
|
140
144
|
var structureData = groupBy(e, function (item) {
|
|
141
145
|
return Moment(item.time).format('M');
|
|
@@ -146,7 +150,7 @@ export default {
|
|
|
146
150
|
monthsData[item[0]] = item[1].map(function (f) {
|
|
147
151
|
if (f.hasOwnProperty('time')) {
|
|
148
152
|
if (parseInt(moment(f.time).format('YYYY')) === year) {
|
|
149
|
-
return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor,
|
|
153
|
+
return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor, newStandard) : toolkits.waterLevel.formatWaterValueToColor(f[factor], factor)).replace('#', '');
|
|
150
154
|
} else {
|
|
151
155
|
return '#8a97a0';
|
|
152
156
|
}
|
|
@@ -193,7 +197,8 @@ export default {
|
|
|
193
197
|
formatData = this.formatData,
|
|
194
198
|
factorLists = this.factorLists;
|
|
195
199
|
var type = $props.type,
|
|
196
|
-
mode = $props.mode
|
|
200
|
+
mode = $props.mode,
|
|
201
|
+
newStandard = $props.newStandard;
|
|
197
202
|
|
|
198
203
|
var factor = $props.factor || factorLists[0];
|
|
199
204
|
var getPrefixCls = this.configProvider.getPrefixCls;
|
|
@@ -215,8 +220,8 @@ export default {
|
|
|
215
220
|
{
|
|
216
221
|
'class': prefixCls + '-left-item-cell',
|
|
217
222
|
style: {
|
|
218
|
-
'--bg-color': timeDiff(e.date) ? mode === 'air' ? toolkits.pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor,
|
|
219
|
-
'--text-color': timeDiff(e.date) ? toolkits.pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor,
|
|
223
|
+
'--bg-color': timeDiff(e.date) ? mode === 'air' ? toolkits.pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor, newStandard) : toolkits.waterLevel.formatWaterValueToColor(formatData[e.timestamp][factor], factor) : 'rgba(157, 171, 198, 0.25)',
|
|
224
|
+
'--text-color': timeDiff(e.date) ? toolkits.pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor, newStandard) : '#8a97a0'
|
|
220
225
|
}
|
|
221
226
|
},
|
|
222
227
|
[e.d]
|
|
@@ -3605,12 +3605,14 @@ export var factorDict = {
|
|
|
3605
3605
|
/**
|
|
3606
3606
|
* 将污染因子值转化为对应颜色
|
|
3607
3607
|
*/
|
|
3608
|
-
export var formatValueToColor = function formatValueToColor(v, t
|
|
3608
|
+
export var formatValueToColor = function formatValueToColor(v, t) {
|
|
3609
|
+
var isNew = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
3610
|
+
|
|
3609
3611
|
if (t === 'windDirection') return '#333';
|
|
3610
3612
|
if (v == null) return '#8a97a0';
|
|
3611
3613
|
if (isEmpty(v.toString())) return '#8a97a0';
|
|
3612
|
-
//
|
|
3613
|
-
if (
|
|
3614
|
+
// 新规则
|
|
3615
|
+
if (isNew === true || isNew === 'true' || isNew === undefined) {
|
|
3614
3616
|
if (t === 'pm25') {
|
|
3615
3617
|
t = 'pm25-new';
|
|
3616
3618
|
}
|
|
@@ -3639,10 +3641,10 @@ export var formatValueToColor = function formatValueToColor(v, t, timestamp) {
|
|
|
3639
3641
|
/**
|
|
3640
3642
|
* 将污染因子值背景转化为对应字体的颜色
|
|
3641
3643
|
*/
|
|
3642
|
-
export var formatValueToFontColor = function formatValueToFontColor(v, t,
|
|
3644
|
+
export var formatValueToFontColor = function formatValueToFontColor(v, t, isNew) {
|
|
3643
3645
|
var colorForFont = factorDict.colorForFont;
|
|
3644
3646
|
|
|
3645
|
-
return colorForFont[formatValueToColor(v, t.toLowerCase(),
|
|
3647
|
+
return colorForFont[formatValueToColor(v, t.toLowerCase(), isNew)];
|
|
3646
3648
|
};
|
|
3647
3649
|
|
|
3648
3650
|
/**
|
|
@@ -93,7 +93,8 @@ exports['default'] = {
|
|
|
93
93
|
textColor: _vueTypes2['default'].string,
|
|
94
94
|
chartType: _vueTypes2['default'].oneOf(['bar', 'line']),
|
|
95
95
|
isInteraction: _vueTypes2['default'].bool.def(false), // 联动图
|
|
96
|
-
isExpand: _vueTypes2['default'].bool.def(false) // 展开图
|
|
96
|
+
isExpand: _vueTypes2['default'].bool.def(false), // 展开图
|
|
97
|
+
newStandard: _vueTypes2['default'].oneOfType([_vueTypes2['default'].bool, _vueTypes2['default'].string]).def(true) // 是否是新标
|
|
97
98
|
},
|
|
98
99
|
data: function data() {
|
|
99
100
|
return {
|
|
@@ -198,6 +199,7 @@ exports['default'] = {
|
|
|
198
199
|
window.addEventListener('resize', this.handleWindowResize);
|
|
199
200
|
// this.$el.onclick =() => this.params6NameTooltipShow = false;
|
|
200
201
|
this.watchData = this.$watch('chartOptions', function (e) {
|
|
202
|
+
console.log(2222);
|
|
201
203
|
if (!(0, _isEmpty2['default'])(e.axis) && !(0, _isEmpty2['default'])(e.time) && !(0, _isEmpty2['default'])(e.data)) {
|
|
202
204
|
if (_this2.chart) {
|
|
203
205
|
_this2.chart.clear();
|
|
@@ -1076,7 +1078,7 @@ exports['default'] = {
|
|
|
1076
1078
|
color: function color(params) {
|
|
1077
1079
|
var v = params.value;
|
|
1078
1080
|
var t = params.seriesName;
|
|
1079
|
-
return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t,
|
|
1081
|
+
return _this4.ignoreTag.includes(t) || t === 'windDirection' || t === 'weather' ? 'transparent' : _this4.mode === 'air' ? _this4.airToColor(v, t, _this4.newStandard) : _this4.waterToColor(v, t);
|
|
1080
1082
|
}
|
|
1081
1083
|
}
|
|
1082
1084
|
},
|
|
@@ -1374,5 +1376,13 @@ exports['default'] = {
|
|
|
1374
1376
|
},
|
|
1375
1377
|
[this.isEmpty(this.chartOptions.data) ? this.$slots.empty ? this.$slots.empty : h('empty', { props: emptyProps }) : [buttonsNodes, chartNodes]]
|
|
1376
1378
|
);
|
|
1379
|
+
},
|
|
1380
|
+
|
|
1381
|
+
watch: {
|
|
1382
|
+
newStandard: {
|
|
1383
|
+
handler: function handler() {
|
|
1384
|
+
this.renderChartView();
|
|
1385
|
+
}
|
|
1386
|
+
}
|
|
1377
1387
|
}
|
|
1378
1388
|
};
|
|
@@ -65,7 +65,8 @@ exports['default'] = {
|
|
|
65
65
|
factor: _vueTypes2['default'].string,
|
|
66
66
|
factorList: _vueTypes2['default'].array.def([]), // zxw新加 因子列表
|
|
67
67
|
mode: _vueTypes2['default'].string.def('air'),
|
|
68
|
-
type: _vueTypes2['default'].string.def('hour') //默认是小时对应的色值 传 day 是去24小时数据色值
|
|
68
|
+
type: _vueTypes2['default'].string.def('hour'), //默认是小时对应的色值 传 day 是去24小时数据色值
|
|
69
|
+
newStandard: _vueTypes2['default'].oneOfType([_vueTypes2['default'].bool, _vueTypes2['default'].string]).def(true) // 是否是新标
|
|
69
70
|
},
|
|
70
71
|
inject: {
|
|
71
72
|
configProvider: { 'default': function _default() {
|
|
@@ -100,12 +101,14 @@ exports['default'] = {
|
|
|
100
101
|
var _$props = this.$props,
|
|
101
102
|
year = _$props.year,
|
|
102
103
|
data = _$props.data,
|
|
103
|
-
factor = _$props.factor
|
|
104
|
+
factor = _$props.factor,
|
|
105
|
+
newStandard = _$props.newStandard;
|
|
104
106
|
|
|
105
107
|
return {
|
|
106
108
|
year: year,
|
|
107
109
|
data: data,
|
|
108
|
-
factor: factor
|
|
110
|
+
factor: factor,
|
|
111
|
+
newStandard: newStandard
|
|
109
112
|
};
|
|
110
113
|
}
|
|
111
114
|
},
|
|
@@ -166,7 +169,8 @@ exports['default'] = {
|
|
|
166
169
|
var _$props2 = this.$props,
|
|
167
170
|
factor = _$props2.factor,
|
|
168
171
|
year = _$props2.year,
|
|
169
|
-
mode = _$props2.mode
|
|
172
|
+
mode = _$props2.mode,
|
|
173
|
+
newStandard = _$props2.newStandard;
|
|
170
174
|
|
|
171
175
|
var structureData = (0, _lodash.groupBy)(e, function (item) {
|
|
172
176
|
return (0, _moment2['default'])(item.time).format('M');
|
|
@@ -177,7 +181,7 @@ exports['default'] = {
|
|
|
177
181
|
monthsData[item[0]] = item[1].map(function (f) {
|
|
178
182
|
if (f.hasOwnProperty('time')) {
|
|
179
183
|
if (parseInt(moment(f.time).format('YYYY')) === year) {
|
|
180
|
-
return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor,
|
|
184
|
+
return (mode === 'air' ? _this3.formatValueToColor(f[factor], factor, newStandard) : _toolkits2['default'].waterLevel.formatWaterValueToColor(f[factor], factor)).replace('#', '');
|
|
181
185
|
} else {
|
|
182
186
|
return '#8a97a0';
|
|
183
187
|
}
|
|
@@ -224,7 +228,8 @@ exports['default'] = {
|
|
|
224
228
|
formatData = this.formatData,
|
|
225
229
|
factorLists = this.factorLists;
|
|
226
230
|
var type = $props.type,
|
|
227
|
-
mode = $props.mode
|
|
231
|
+
mode = $props.mode,
|
|
232
|
+
newStandard = $props.newStandard;
|
|
228
233
|
|
|
229
234
|
var factor = $props.factor || factorLists[0];
|
|
230
235
|
var getPrefixCls = this.configProvider.getPrefixCls;
|
|
@@ -246,8 +251,8 @@ exports['default'] = {
|
|
|
246
251
|
{
|
|
247
252
|
'class': prefixCls + '-left-item-cell',
|
|
248
253
|
style: {
|
|
249
|
-
'--bg-color': timeDiff(e.date) ? mode === 'air' ? _toolkits2['default'].pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor,
|
|
250
|
-
'--text-color': timeDiff(e.date) ? _toolkits2['default'].pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor,
|
|
254
|
+
'--bg-color': timeDiff(e.date) ? mode === 'air' ? _toolkits2['default'].pollutionFactors.formatValueToColor(formatData[e.timestamp][factor], factor, newStandard) : _toolkits2['default'].waterLevel.formatWaterValueToColor(formatData[e.timestamp][factor], factor) : 'rgba(157, 171, 198, 0.25)',
|
|
255
|
+
'--text-color': timeDiff(e.date) ? _toolkits2['default'].pollutionFactors.formatValueToFontColor(formatData[e.timestamp][factor], factor, newStandard) : '#8a97a0'
|
|
251
256
|
}
|
|
252
257
|
},
|
|
253
258
|
[e.d]
|
|
@@ -3619,12 +3619,14 @@ var factorDict = exports.factorDict = {
|
|
|
3619
3619
|
/**
|
|
3620
3620
|
* 将污染因子值转化为对应颜色
|
|
3621
3621
|
*/
|
|
3622
|
-
var formatValueToColor = exports.formatValueToColor = function formatValueToColor(v, t
|
|
3622
|
+
var formatValueToColor = exports.formatValueToColor = function formatValueToColor(v, t) {
|
|
3623
|
+
var isNew = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
3624
|
+
|
|
3623
3625
|
if (t === 'windDirection') return '#333';
|
|
3624
3626
|
if (v == null) return '#8a97a0';
|
|
3625
3627
|
if ((0, _lodash.isEmpty)(v.toString())) return '#8a97a0';
|
|
3626
|
-
//
|
|
3627
|
-
if (
|
|
3628
|
+
// 新规则
|
|
3629
|
+
if (isNew === true || isNew === 'true' || isNew === undefined) {
|
|
3628
3630
|
if (t === 'pm25') {
|
|
3629
3631
|
t = 'pm25-new';
|
|
3630
3632
|
}
|
|
@@ -3653,10 +3655,10 @@ var formatValueToColor = exports.formatValueToColor = function formatValueToColo
|
|
|
3653
3655
|
/**
|
|
3654
3656
|
* 将污染因子值背景转化为对应字体的颜色
|
|
3655
3657
|
*/
|
|
3656
|
-
var formatValueToFontColor = exports.formatValueToFontColor = function formatValueToFontColor(v, t,
|
|
3658
|
+
var formatValueToFontColor = exports.formatValueToFontColor = function formatValueToFontColor(v, t, isNew) {
|
|
3657
3659
|
var colorForFont = factorDict.colorForFont;
|
|
3658
3660
|
|
|
3659
|
-
return colorForFont[formatValueToColor(v, t.toLowerCase(),
|
|
3661
|
+
return colorForFont[formatValueToColor(v, t.toLowerCase(), isNew)];
|
|
3660
3662
|
};
|
|
3661
3663
|
|
|
3662
3664
|
/**
|