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.
 
 
 
 
 

225 lines
5.9 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"/>
<style type="text/css">
.aes-yellow{
color:#333333 !important;
background-color:#F4D26F !important;
}
.aes-red{
color:#ffffff !important;
background-color:red !important;
}
.td_class{
border:solid 1px #0060bf;
font-size:18px;
font-weight:bold;
text-align:center;
height:40px;
line-height:40px;
vertical-align:middle;
}
.tr_class{
border:solid 1px #0060bf;
font-size:18px;
text-align:center;
height:40px;
line-height:40px;
vertical-align:middle;
}
._tr_class{
border:solid 1px #0060bf;
font-size:18px;
text-align:center;
height:40px;
line-height:40px;
vertical-align:middle;
}
.clear{
clear: both;
}
</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="margin-left:0px;width:100%;height:100%;">
<div style="margin-left:0px;width:100%;height:100%;">
<blockquote class="layui-elem-quote page_blockquote">按时限检查单位时间段分析</blockquote>
<div class="page_tools">
<div class="layui-inline" style="width:110px;">
<input class="layui-input" type="text" id="beginTime" value="${.now?string('yyyy-MM-dd')}" placeholder="年份" autocomplete="off" style="font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</div>
<div class="layui-inline">到</div>
<div class="layui-inline" style="width:110px;">
<input class="layui-input" type="text" id="endTime" value="${.now?string('yyyy-MM-dd')}" placeholder="年份" autocomplete="off" style="font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</div>
<button id="data_1_01_div_queryBtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe615;</i>查询</button>
</div>
<div id="div_echars" style="height:60%;margin:10px;"></div>
<div id="div_table" style="height:44%;margin:10px;">
<table width="100%" >
<thead>
<th width="22%" class="td_class">行政区划</th>
<th width="11%" class="td_class">单位数</th>
<th width="22%" class="td_class">行政区划</th>
<th width="11%" class="td_class">单位数</th>
<th width="22%" class="td_class">行政区划</th>
<th width="11%" class="td_class">单位数</th>
</thead>
<tbody id="table_data">
<tr>
<td colspan="6" class="_tr_class">暂无数据</td>
</tr>
</tbody>
</table>
</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_04",
data:{
regionId:"${manager_user['regionId']}",
beginTime:$("#beginTime").val(),
endTime:$("#endTime").val()
},
dataType:"json",
success:function(data){
//解析data.list
var tArr = new Array();
var dArr = new Array();
var _strHtml = "<tr>";
for(var i = 0;i < data.list.length;i++){
if((i+1)%3 == 0){
_strHtml += '<td class="_tr_class">'+data.list[i].rgname+'</td><td class="_tr_class">'+data.list[i].num+'</a></td></tr></tr>';
}else{
_strHtml += '<td class="_tr_class">'+data.list[i].rgname+'</td><td class="_tr_class">'+data.list[i].num+'</td>';
}
tArr.push(data.list[i].rgname);
dArr.push(data.list[i].num);
}
$("#table_data").html(_strHtml);
bdataEchars("1","div_echars",tArr,dArr);
}
});
//单位消防隐患统计的查询按钮
$("#data_1_01_div_queryBtn").click(function(){
var _data = {
regionId:"${manager_user['regionId']}",
beginTime:$("#beginTime").val(),
endTime:$("#endTime").val()
};
bdataLoad("1",_data)
});
//日期input
ldate.render({
elem:"#beginTime",
type:"date",
max:"#endTime"
});
ldate.render({
elem:"#endTime",
type:"date",
max:"nowTime"
});
});
var bdataLoad = function(t,data){
$.ajax({
type:"get",
url:"${ctx}/bdata/data0/load_04",
data:data,
dataType:"json",
success:function(data){
//解析data.list
var tArr = new Array();
var dArr = new Array();
var _strHtml = "<tr>";
for(var i = 0;i < data.list.length;i++){
if((i+1)%3 == 0){
_strHtml += '<td class="_tr_class">'+data.list[i].rgname+'</td><td class="_tr_class">'+data.list[i].num+'</a></td></tr></tr>';
}else{
_strHtml += '<td class="_tr_class">'+data.list[i].rgname+'</td><td class="_tr_class">'+data.list[i].num+'</td>';
}
tArr.push(data.list[i].rgname);
dArr.push(data.list[i].num);
}
$("#table_data").html("");
$("#table_data").html(_strHtml);
bdataEchars("1","div_echars",tArr,dArr);
}
});
}
var bdataEchars = function(t,pdiv){
var option = {
tooltip: {
trigger: "axis"
},
grid:{
left:"40px",
right:"40px",
bottom:"100px"
},
legend: {
data:["单位数"],
textStyle:{
color: '#b5e0ff'
}
},
xAxis:{
type: "category",
data:arguments[2],
axisLabel : {//坐标轴刻度标签的相关设置。
interval:0,
rotate:"35",
textStyle: {
color: '#b5e0ff'
}
}
},
yAxis:{
type:"value",
axisLabel : {//坐标轴刻度标签的相关设置。
textStyle: {
color: '#b5e0ff'
}
}
},
series:[
{
name:"单位数",
type:"bar",
barWidth:30,
itemStyle:{
color:"#b5e0ff"
},
data:arguments[3]
}
]
};
echarts.init($("#"+pdiv).get(0)).setOption(option);
}
</script>
</body>
</html>