@ -75,19 +75,14 @@
< div class = "container-div" id = "app" >
< div class = "container-div" id = "app" >
< div class = "row" >
< div class = "row" >
< div class = "echart" >
< div class = "echart" >
< div class = "children_echarts left_echarts" style = "width: 33%" >
< div class = "children_echarts left_echarts" >
< div id = "leftMain" style = "width: 500px;height:3 1 0px"> < / div >
< div id = "leftMain" style = "width: 500px;height:3 5 0px"> < / div >
< / div >
< / div >
< div class = "children_echarts center_echarts" style = "width: 33%" >
< div class = "children_echarts center_echarts" >
< div id = "centerMain" style = "width: 5 00px;height:31 0px"> < / div >
< div id = "centerMain" style = "width: 5 50px;height:35 0px"> < / div >
< / div >
< / div >
< div class = "children_echarts right_echarts" style = "width: 33%" >
< div class = "children_echarts right_echarts" >
< div class = "statuList" >
< div id = "rightMain" style = "width: 400px;height:350px;margin-left: 85px" > < / div >
< p v-for = "item in statusList" >
{{item.name}}< span > {{item.value}}< / span >
< / p >
< / div >
< div id = "rightMain" style = "width: 360px;height:200px" > < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-sm-12 search-collapse" >
< div class = "col-sm-12 search-collapse" >
@ -274,11 +269,11 @@
if (response.data.code == web_status.SUCCESS){
if (response.data.code == web_status.SUCCESS){
myChart.setOption({
myChart.setOption({
title: {
title: {
text: '涉密信息设备 统计'
text: '密品 统计'
},
},
tooltip: {},
tooltip: {},
legend: {
legend: {
data:['数量 ']
data:['涉密信息设备','涉密设备 ']
},
},
xAxis: {
xAxis: {
data: response.data.data.xAxisData,
data: response.data.data.xAxisData,
@ -291,12 +286,20 @@
},
},
series: [
series: [
{
{
name: '数量 ',
name: '涉密信息设备 ',
type: 'bar',
type: 'bar',
data: response.data.data.yAxisData,
data: response.data.data.yAxisData,
itemStyle: {
itemStyle: {
color: '#f5d892'
color: '#f5d892'
}
}
},
{
name: '涉密设备',
type: 'bar',
data: response.data.data.yAxisDataSb,
itemStyle: {
color: '#a2ea57'
}
}
}
]
]
});
});
@ -307,11 +310,13 @@
if (response.data.code == web_status.SUCCESS){
if (response.data.code == web_status.SUCCESS){
centerMain.setOption({
centerMain.setOption({
title: {
title: {
text: '涉密设备 统计'
text: '密品销毁 统计'
},
},
tooltip: {},
tooltip: {},
legend: {
legend: {
data:['数量']
data:['信息设备-已销毁','信息设备-未销毁','设备-已销毁','设备-未销毁'],
width:'60%',
right: 'right'
},
},
xAxis: {
xAxis: {
data: response.data.data.xAxisData,
data: response.data.data.xAxisData,
@ -324,11 +329,35 @@
},
},
series: [
series: [
{
{
name: '数量 ',
name: '信息设备-已销毁 ',
type: 'bar',
type: 'bar',
data: response.data.data.yAxisData,
data: response.data.data.yAxisData,
itemStyle: {
itemStyle: {
color: '#c3ea51'
color: '#ffa587'
}
},
{
name: '信息设备-未销毁',
type: 'bar',
data: response.data.data.yAxisDataWx,
itemStyle: {
color: '#3a48e0'
}
},
{
name: '设备-已销毁',
type: 'bar',
data: response.data.data.yAxisDataSb,
itemStyle: {
color: '#80e547'
}
},
{
name: '设备-未销毁',
type: 'bar',
data: response.data.data.yAxisDataWxSb,
itemStyle: {
color: '#ef1fea'
}
}
}
}
]
]
@ -343,7 +372,11 @@
trigger: 'item'
trigger: 'item'
},
},
legend: {
legend: {
left: 'left'
width:'60%',
right: 'right'
},
title: {
text: '密品报废统计'
},
},
series: [
series: [
{
{