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.
291 lines
8.2 KiB
291 lines
8.2 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/bdata/_c.ftl"/>
|
|
<style type="text/css">
|
|
.table tbody tr th{
|
|
color: #000;
|
|
border-color: #c9c9c9;
|
|
background: #f0f0f0;
|
|
width: 100%;
|
|
height: 49px;
|
|
font-size: 22px;
|
|
font-weight: normal;
|
|
border: 1px solid #094e9c;
|
|
}
|
|
td p{
|
|
line-height: 30px;
|
|
font-size: 16px;
|
|
height: 30px;
|
|
margin: 0;
|
|
}
|
|
.table tbody tr{
|
|
border-color: #c9c9c9;
|
|
}
|
|
.table tbody tr{
|
|
border: 1px solid #094e9c;
|
|
}
|
|
</style>
|
|
</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="width: 100%;height: 25%;background-color:transparent;">
|
|
<div style="width: 24%;height: 70%;float:left;margin: 24px 0;border-right: 1px solid #333;">
|
|
<center style="margin-top: 30px;"><h1>单位数</h1></center>
|
|
<center style="margin-top: 10px;"><h1>${(paramsMap.socsum)! }</h1></center>
|
|
</div>
|
|
<div style="width: 24%;height: 70%;float:left;margin: 24px 0;border-right: 1px solid #333;">
|
|
<center style="margin-top: 30px;"><h1>消防重点单位</h1></center>
|
|
<center style="margin-top: 10px;"><h1>${(paramsMap.soczd)! }</h1></center>
|
|
</div>
|
|
<div style="width: 24%;height: 70%;float:left;margin: 24px 0;border-right: 1px solid #333;">
|
|
<center style="margin-top: 30px;"><h1>巡查点</h1></center>
|
|
<center style="margin-top: 10px;"><h1>${(paramsMap.csum)! }</h1></center>
|
|
</div>
|
|
<div style="width: 24%;height: 70%;float:left;margin: 24px 0;">
|
|
<center style="margin-top: 30px;"><h1>未整改隐患</h1></center>
|
|
<center style="margin-top: 10px;"><h1>${(paramsMap.dange)! }</h1></center>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%;height: 33%;background-color:transparent;margin-top: 16px;">
|
|
<table class="table" style="width: 400px;height: 100%;margin-bottom: 20px;float:left;">
|
|
<tbody>
|
|
<tr>
|
|
<th colspan="2" style="background-color: transparent !important;">每日防火检查</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="day" style="width: 250px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"></td>
|
|
|
|
<td style="width: 180px">
|
|
<p>昨日巡查 ：
|
|
<span>${(paramsMap.otodayjc)! }</span>
|
|
</p>
|
|
<p>环比 ：
|
|
<span>${(paramsMap.day02)! }</span>
|
|
</p>
|
|
<p>上月同日 ：
|
|
<span>${(paramsMap.omonthjc)! }</span>
|
|
</p>
|
|
<p>同比 ：
|
|
<span>${(paramsMap.day01)! }</span>
|
|
</p>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="height: 100%;width: calc(100% - 450px);float:right;border: 1px solid #094e9c;">
|
|
<div style="height: 49px;font-size: 22px;font-weight: normal;border-bottom: 1px solid #094e9c;line-height: 49px;text-align: center;">每日防火检查情况分析</div>
|
|
<div id="dayline" style="width: 100%;height:calc(100% - 49px);"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%;height: 33%;background-color:transparent;margin-top: 21px;">
|
|
<table class="table" style="width: 400px;height: 100%;margin-bottom: 20px;float:left;">
|
|
<tbody>
|
|
<tr>
|
|
<th colspan="2" style="background-color: transparent !important;">每月防火检查</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="month" style="width: 250px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"></td>
|
|
|
|
<td style="width: 180px">
|
|
<p>上月巡查 ：
|
|
<span>${(paramsMap.oomonthjc)! }</span>
|
|
</p>
|
|
<p>环比 ：
|
|
<span>${(paramsMap.month02)! }</span>
|
|
</p>
|
|
<p>去年同月 ：
|
|
<span>${(paramsMap.oyear)! }</span>
|
|
</p>
|
|
<p>同比 ：
|
|
<span>${(paramsMap.month01)! }</span>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="height: 100%;width: calc(100% - 450px);float:right;border: 1px solid #094e9c;">
|
|
<div style="height: 49px;font-size: 22px;font-weight: normal;border-bottom: 1px solid #094e9c;line-height: 49px;text-align: center;">每月防火检查情况分析</div>
|
|
<div id="monthline" style="width: 100%;height:calc(100% - 49px);"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
layuiplus.on_w_1(function(){
|
|
layuiplus.init(1);
|
|
echarts1();
|
|
echarts2();
|
|
echarts3();
|
|
echarts4();
|
|
});
|
|
var echarts1 = function(){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
|
},
|
|
legend: {
|
|
orient: 'vertical',
|
|
x: 'left',
|
|
data:['未检查','已检查']
|
|
},
|
|
series: [
|
|
{
|
|
name:'每日防火检查',
|
|
type:'pie',
|
|
radius: ['50%', '60%'],
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
normal: {
|
|
show: false,
|
|
position: 'center'
|
|
},
|
|
emphasis: {
|
|
show: true,
|
|
textStyle: {
|
|
fontSize: '15',
|
|
fontWeight: 'bold'
|
|
}
|
|
}
|
|
},
|
|
labelLine: {
|
|
normal: {
|
|
show: false
|
|
}
|
|
},
|
|
data:[
|
|
{value:"${paramsMap.todaywjc}", name:'未检查'},
|
|
{value:"${paramsMap.todayjc}", name:'已检查'}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
echarts.init($("#day").get(0)).setOption(option);
|
|
|
|
}
|
|
|
|
var echarts2 = function(){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
|
},
|
|
legend: {
|
|
orient: 'vertical',
|
|
x: 'left',
|
|
data:['未检查','已检查']
|
|
},
|
|
series: [
|
|
{
|
|
name:'每月防火检查',
|
|
type:'pie',
|
|
radius: ['50%', '60%'],
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
normal: {
|
|
show: false,
|
|
position: 'center'
|
|
},
|
|
emphasis: {
|
|
show: true,
|
|
textStyle: {
|
|
fontSize: '15',
|
|
fontWeight: 'bold'
|
|
}
|
|
}
|
|
},
|
|
labelLine: {
|
|
normal: {
|
|
show: false
|
|
}
|
|
},
|
|
data:[
|
|
{value:"${paramsMap.monthwjc}", name:'未检查'},
|
|
{value:"${paramsMap.monthjc}", name:'已检查'}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
echarts.init($("#month").get(0)).setOption(option);
|
|
|
|
}
|
|
var echarts3 = function(){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: ${paramsMap.duty111}
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
series: [
|
|
{
|
|
name:'已检查',
|
|
type:'line',
|
|
stack: '总数',
|
|
data:${paramsMap.duty112}
|
|
}
|
|
]
|
|
};
|
|
echarts.init($("#dayline").get(0)).setOption(option);
|
|
|
|
}
|
|
var echarts4 = function(){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: ${paramsMap.duty011}
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
series: [
|
|
{
|
|
name:'已检查',
|
|
type:'line',
|
|
stack: '总数',
|
|
data:${paramsMap.duty012}
|
|
}
|
|
]
|
|
};
|
|
echarts.init($("#monthline").get(0)).setOption(option);
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|