|
|
|
@ -156,40 +156,40 @@ export class WarningStatisticsListComponent implements OnInit {
|
|
|
|
|
echartsData: any |
|
|
|
|
//一级饼图
|
|
|
|
|
oilchartpieOption = { |
|
|
|
|
color: ['#FF4B65', '#36A2FF'], |
|
|
|
|
color: ['#91CCFF', '#46DFFF', '#36A2FF', '#FF6181', '#B4C3FF', '#FF9963', '#5A9CFF', '#4BFFD4', '#46DFFF', '#91CCFF'], |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'item'//触发类型
|
|
|
|
|
}, |
|
|
|
|
legend: { |
|
|
|
|
bottom: '12%', |
|
|
|
|
left: 'center', |
|
|
|
|
itemGap: 40, |
|
|
|
|
itemWidth: 8, |
|
|
|
|
itemHeight: 8, |
|
|
|
|
formatter: (name) => { |
|
|
|
|
let data = this.oilchartpieOptionPieData1 |
|
|
|
|
let value |
|
|
|
|
for (var i = 0, l = data.length; i < l; i++) { |
|
|
|
|
if (data[i].name == name) { |
|
|
|
|
value = data[i].value; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return '{a|' + name + '}' + '{b|' + value + '}'; |
|
|
|
|
}, |
|
|
|
|
textStyle: { |
|
|
|
|
color: '#fff', |
|
|
|
|
rich: { |
|
|
|
|
a: { |
|
|
|
|
width: 80 |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// legend: {
|
|
|
|
|
// bottom: '12%',
|
|
|
|
|
// left: 'center',
|
|
|
|
|
// itemGap: 40,
|
|
|
|
|
// itemWidth: 8,
|
|
|
|
|
// itemHeight: 8,
|
|
|
|
|
// formatter: (name) => {
|
|
|
|
|
// let data = this.oilchartpieOptionPieData1
|
|
|
|
|
// let value
|
|
|
|
|
// for (var i = 0, l = data.length; i < l; i++) {
|
|
|
|
|
// if (data[i].name == name) {
|
|
|
|
|
// value = data[i].value;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// return '{a|' + name + '}' + '{b|' + value + '}';
|
|
|
|
|
// },
|
|
|
|
|
// textStyle: {
|
|
|
|
|
// color: '#fff',
|
|
|
|
|
// rich: {
|
|
|
|
|
// a: {
|
|
|
|
|
// width: 80
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: 'pie', |
|
|
|
|
radius: ['50%', '60%'], |
|
|
|
|
bottom: '10%', |
|
|
|
|
// bottom: '10%',
|
|
|
|
|
avoidLabelOverlap: false,//防止标签重叠策略
|
|
|
|
|
label: {//每一个标签外网延伸的引导说明
|
|
|
|
|
show: false, |
|
|
|
@ -310,185 +310,8 @@ export class WarningStatisticsListComponent implements OnInit {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
//二级饼图
|
|
|
|
|
oilchartpieOption2 = { |
|
|
|
|
color: ['#36A2FF', '#FFBD4B', '#46DFFF'], |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'item'//触发类型
|
|
|
|
|
}, |
|
|
|
|
legend: { |
|
|
|
|
bottom: '8%', |
|
|
|
|
left: 'center', |
|
|
|
|
itemGap: 10, |
|
|
|
|
itemWidth: 8, |
|
|
|
|
itemHeight: 8, |
|
|
|
|
formatter: (name) => { |
|
|
|
|
let data = this.oilchartpieOptionPieData2 |
|
|
|
|
let value |
|
|
|
|
for (var i = 0, l = data.length; i < l; i++) { |
|
|
|
|
if (data[i].name == name) { |
|
|
|
|
value = data[i].value; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
return '{a|' + name + '}' + '{b|' + value + '}'; |
|
|
|
|
}, |
|
|
|
|
textStyle: { |
|
|
|
|
color: '#fff', |
|
|
|
|
rich: { |
|
|
|
|
a: { |
|
|
|
|
width: 60 |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
type: 'pie', |
|
|
|
|
radius: ['50%', '60%'], |
|
|
|
|
bottom: '10%', |
|
|
|
|
avoidLabelOverlap: false,//防止标签重叠策略
|
|
|
|
|
label: {//每二个标签外网延伸的引导说明
|
|
|
|
|
show: false, |
|
|
|
|
position: 'outside' |
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
tooltip: {//鼠标移入提示
|
|
|
|
|
position: 'right', |
|
|
|
|
padding: [14, 19], |
|
|
|
|
backgroundColor: 'rgba(28, 129, 218, 0.4)', |
|
|
|
|
textStyle: { |
|
|
|
|
color: '#fff', |
|
|
|
|
fontSize: 12 |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}; |
|
|
|
|
oilchartpieOptionPieData2: any |
|
|
|
|
//二级柱状图
|
|
|
|
|
oilchartbarOption2 = { |
|
|
|
|
tooltip: { |
|
|
|
|
// trigger: 'axis'
|
|
|
|
|
}, |
|
|
|
|
xAxis: { |
|
|
|
|
type: 'category', |
|
|
|
|
data: [], |
|
|
|
|
axisLine: { |
|
|
|
|
show: false, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: '#91CCFF' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
axisTick: {//刻度线
|
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
inverse: true |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
yAxis: { |
|
|
|
|
type: 'value', |
|
|
|
|
nameTextStyle: { |
|
|
|
|
color: '#C4E2FC' |
|
|
|
|
}, |
|
|
|
|
splitLine: {//分割线
|
|
|
|
|
lineStyle: { |
|
|
|
|
color: ['#0f4374'], |
|
|
|
|
width: 2 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
axisTick: {//刻度线
|
|
|
|
|
show: false |
|
|
|
|
}, |
|
|
|
|
axisLine: {//轴线
|
|
|
|
|
show: false, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: '#C4E2FC' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
legend: { |
|
|
|
|
selectedMode: false, // 是否允许点击
|
|
|
|
|
data: ['事前准备', '事中操作', '全程监测'], |
|
|
|
|
textStyle: { |
|
|
|
|
color: '#fff' |
|
|
|
|
}, |
|
|
|
|
right: 18, |
|
|
|
|
top: 18, |
|
|
|
|
itemWidth: 8, |
|
|
|
|
itemHeight: 8, |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
data: [], |
|
|
|
|
type: 'bar', |
|
|
|
|
itemStyle: { |
|
|
|
|
color: { |
|
|
|
|
type: 'linear', |
|
|
|
|
x: 0, |
|
|
|
|
y: 0, |
|
|
|
|
x2: 0, |
|
|
|
|
y2: 1, |
|
|
|
|
colorStops: [{ |
|
|
|
|
offset: 0, color: 'rgba(54, 162, 255, 1)' // 0% 处的颜色
|
|
|
|
|
}, { |
|
|
|
|
offset: 1, color: 'rgba(54, 162, 255, 0.1)' // 100% 处的颜色
|
|
|
|
|
}], |
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
barWidth: '25%' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
data: [], |
|
|
|
|
type: 'bar', |
|
|
|
|
itemStyle: { |
|
|
|
|
color: { |
|
|
|
|
type: 'linear', |
|
|
|
|
x: 0, |
|
|
|
|
y: 0, |
|
|
|
|
x2: 0, |
|
|
|
|
y2: 1, |
|
|
|
|
colorStops: [{ |
|
|
|
|
offset: 0, color: 'rgba(255, 189, 75, 1)' // 0% 处的颜色
|
|
|
|
|
}, { |
|
|
|
|
offset: 1, color: 'rgba(255, 189, 75, 0.1)' // 100% 处的颜色
|
|
|
|
|
}], |
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
barWidth: '25%' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
data: [], |
|
|
|
|
type: 'bar', |
|
|
|
|
itemStyle: { |
|
|
|
|
color: { |
|
|
|
|
type: 'linear', |
|
|
|
|
x: 0, |
|
|
|
|
y: 0, |
|
|
|
|
x2: 0, |
|
|
|
|
y2: 1, |
|
|
|
|
colorStops: [{ |
|
|
|
|
offset: 0, color: 'rgba(70, 223, 255, 1)' // 0% 处的颜色
|
|
|
|
|
}, { |
|
|
|
|
offset: 1, color: 'rgba(70, 223, 255, 0.1)' // 100% 处的颜色
|
|
|
|
|
}], |
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
barWidth: '25%' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
grid: { |
|
|
|
|
left: '42px', |
|
|
|
|
right: '30px', |
|
|
|
|
bottom: '38px', |
|
|
|
|
top: '80px' |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
isgoback: boolean = false |
|
|
|
|
//获取统计信息
|
|
|
|
|
chartsSpin: boolean = false |
|
|
|
@ -582,20 +405,15 @@ export class WarningStatisticsListComponent implements OnInit {
|
|
|
|
|
}); |
|
|
|
|
this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => { |
|
|
|
|
console.log('预警事件', data.result) |
|
|
|
|
let option1 |
|
|
|
|
let option2 |
|
|
|
|
|
|
|
|
|
data.result.forEach(element => { |
|
|
|
|
if (element.violationType == '证照资质') { |
|
|
|
|
option1 = element.id |
|
|
|
|
} |
|
|
|
|
if (element.violationType == '设备监测') { |
|
|
|
|
option2 = element.id |
|
|
|
|
if (element.violationType == '设备监测' || element.violationType == '证照资质') { |
|
|
|
|
this.eventSystemNameOption.push( |
|
|
|
|
{ id: element.id, name: element.eventSystemName } |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.eventSystemNameOption = [ |
|
|
|
|
{ id: option1, name: '证照预警' }, |
|
|
|
|
{ id: option2, name: '消防设施预警' }, |
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
this.list = [] |
|
|
|
|
this.SkipCount = '0' |
|
|
|
|
this.getLicenseList() |
|
|
|
@ -635,7 +453,6 @@ export class WarningStatisticsListComponent implements OnInit {
|
|
|
|
|
ViolationIds.push(element.id) |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
console.log('xxx', this.validateForm.value.licenseType) |
|
|
|
|
let params = { |
|
|
|
|
ViolationIds: ViolationIds, |
|
|
|
|
organizationUnitId: organizationUnitId, |
|
|
|
|