提交修改

pg_adapter
dshclm 6 months ago
parent b73a0dd561
commit 3884f9aaf2

@ -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:310px"></div> <div id="leftMain" style="width: 500px;height:350px"></div>
</div> </div>
<div class="children_echarts center_echarts" style="width: 33%"> <div class="children_echarts center_echarts">
<div id="centerMain" style="width: 500px;height:310px"></div> <div id="centerMain" style="width: 550px;height:350px"></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: [
{ {

Loading…
Cancel
Save