You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
260 lines
7.0 KiB
260 lines
7.0 KiB
<#include "../../_include/_t.ftl"/>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<#include "../../_include/_h.ftl"/>
|
|
<#include "../../_include/_l.ftl"/>
|
|
<#include "../../_include/_j.ftl"/>
|
|
<#include "../../_include/_z.ftl"/>
|
|
<#include "../../_include/_e.ftl"/>
|
|
<#include "../../_include/work/_c_0.ftl"/>
|
|
</head>
|
|
<body class="layui-layout-body">
|
|
<div class="layui-layout layui-layout-admin">
|
|
<!-- 内容主体区域 -->
|
|
<div class="layui-body" style="top:0;">
|
|
<div class="page_content" style="width: 96%;margin: 0 auto;overflow: hidden;">
|
|
<div style="height:43%;width:45%;float:left;border: 1px solid #b5e0ff;margin:30px 30px 0px 30px">
|
|
<div style="height: 49px;font-size: 22px;font-weight: normal;line-height: 49px;text-align: center;">按隐患状态统计</div>
|
|
<div id="echarts1" style="width: 100%;height:calc(100% - 49px);"></div>
|
|
</div>
|
|
<div style="height:43%;width:45%;float:left;border: 1px solid #b5e0ff;margin:30px 30px 0px 30px">
|
|
<div style="height: 49px;font-size: 22px;font-weight: normal;line-height: 49px;text-align: center;">按评估成绩统计单位数</div>
|
|
<div id="echarts2" style="width: 100%;height:calc(100% - 49px);"></div>
|
|
</div>
|
|
<div style="height:43%;width:45%;float:left;border: 1px solid #b5e0ff;margin:30px">
|
|
<div style="height: 49px;font-size: 22px;font-weight: normal;line-height: 49px;text-align: center;">隐患趋势图</div>
|
|
<div id="echarts3" style="width: 100%;height:calc(100% - 49px);"></div>
|
|
</div>
|
|
<div style="height:43%;width:45%;float:left;border: 1px solid #b5e0ff;margin:30px">
|
|
<div style="height: 49px;font-size: 22px;font-weight: normal;line-height: 49px;text-align: center;">按区域统计已运行单位数</div>
|
|
<div id="echarts4" style="width: 100%;height:calc(100% - 49px);"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
layuiplus.on_w_1(function(){
|
|
layuiplus.init(1);
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/bdata/data0/load_08",
|
|
data:{
|
|
regionId:"${manager_user['regionId']}"
|
|
},
|
|
dataType:"json",
|
|
success:function(data){
|
|
//解析data.list
|
|
var arr1 = new Array();
|
|
arr1.push(data.list1[0].num);
|
|
arr1.push(data.list1[1].num);
|
|
arr1.push(data.list1[2].num);
|
|
bdataEchars1("1","echarts1",arr1);
|
|
var arr2 = new Array();
|
|
arr2.push(data.list2[0].num);
|
|
arr2.push(data.list2[1].num);
|
|
arr2.push(data.list2[2].num);
|
|
arr2.push(data.list2[3].num);
|
|
arr2.push(data.list2[4].num);
|
|
bdataEchars2("1","echarts2",arr2);
|
|
|
|
var arr31 = new Array();
|
|
var arr32 = new Array();
|
|
for(i = 0;i < data.list3.length;i++){
|
|
arr31.push(data.list3[i].name);
|
|
arr32.push(data.list3[i].num);
|
|
}
|
|
bdataEchars3("1","echarts3",arr31,arr32);
|
|
|
|
var arr41 = new Array();
|
|
var arr42 = new Array();
|
|
for(i = 0;i < data.list4.length;i++){
|
|
arr41.push(data.list4[i].rgname);
|
|
arr42.push(data.list4[i].num);
|
|
}
|
|
bdataEchars4("1","echarts4",arr41,arr42);
|
|
}
|
|
});
|
|
});
|
|
|
|
var bdataEchars1 = function(t,pdiv){
|
|
option = {
|
|
tooltip : {
|
|
trigger: "item",
|
|
formatter: "{a} <br/>{b} : {c}({d}%)"
|
|
},
|
|
legend: {
|
|
orient: "vertical",
|
|
left: "left",
|
|
data: ["未整改","整改中","已整改"],
|
|
textStyle:{
|
|
color:'#b5e0ff'
|
|
}
|
|
},
|
|
series : [
|
|
{
|
|
name: "隐患个数",
|
|
type: "pie",
|
|
radius : "70%",
|
|
center: ["50%", "50%"],
|
|
data:[
|
|
{value:arguments[2][0], name:"未整改"},
|
|
{value:arguments[2][1], name:"整改中"},
|
|
{value:arguments[2][2], name:"已整改"}
|
|
],
|
|
itemStyle: {
|
|
emphasis: {
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
color:["#eb5f68", "#ffe2d4", "#69eae9"]
|
|
};
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
|
|
var bdataEchars2 = function(t,pdiv){
|
|
option = {
|
|
tooltip : {
|
|
trigger: "item",
|
|
formatter: "{a} <br/>{b} : {c}({d}%)"
|
|
},
|
|
legend: {
|
|
orient: "vertical",
|
|
left: "left",
|
|
data: ["等级A","等级B","等级C","等级D","等级未评估"],
|
|
textStyle:{
|
|
color:'#b5e0ff'
|
|
}
|
|
},
|
|
series : [
|
|
{
|
|
name: "单位个数",
|
|
type: "pie",
|
|
radius : "70%",
|
|
center: ["50%", "50%"],
|
|
data:[
|
|
{value:arguments[2][0], name:"等级A"},
|
|
{value:arguments[2][1], name:"等级B"},
|
|
{value:arguments[2][2], name:"等级C"},
|
|
{value:arguments[2][3], name:"等级D"},
|
|
{value:arguments[2][4], name:"等级未评估"}
|
|
],
|
|
itemStyle: {
|
|
emphasis: {
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
color:["#eb5f68", "#69eae9", "#579cf9", "#bcc1d4", "#5af1a0"]
|
|
};
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
|
|
var bdataEchars3 = function(t,pdiv){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: "axis"
|
|
},
|
|
grid:{
|
|
left:"40px",
|
|
right:"40px",
|
|
bottom:"40px"
|
|
},
|
|
legend: {
|
|
data:["隐患数"],
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
},
|
|
xAxis:{
|
|
type: "category",
|
|
data:arguments[2],
|
|
axisLabel : {//坐标轴刻度标签的相关设置。
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
}
|
|
},
|
|
yAxis:{
|
|
type:"value",
|
|
axisLabel : {//坐标轴刻度标签的相关设置。
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
}
|
|
},
|
|
series:[
|
|
{
|
|
name:"隐患数",
|
|
type:"line",
|
|
itemStyle:{
|
|
color:"#b5e0ff"
|
|
},
|
|
data:arguments[3]
|
|
}
|
|
]
|
|
};
|
|
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
|
|
var bdataEchars4 = function(t,pdiv){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: "axis"
|
|
},
|
|
grid:{
|
|
left:"120px",
|
|
right:"40px",
|
|
bottom:"40px"
|
|
},
|
|
legend: {
|
|
data:["隐患数"],
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
},
|
|
xAxis:{
|
|
type:"value",
|
|
axisLabel : {//坐标轴刻度标签的相关设置。
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
}
|
|
},
|
|
yAxis:{
|
|
type: "category",
|
|
data:arguments[2],
|
|
axisLabel : {//坐标轴刻度标签的相关设置。
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
}
|
|
},
|
|
series:[
|
|
{
|
|
name:"隐患数",
|
|
type:"bar",
|
|
barWidth:5,
|
|
itemStyle:{
|
|
color:"#b5e0ff"
|
|
},
|
|
data:arguments[3]
|
|
}
|
|
]
|
|
};
|
|
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|