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.
209 lines
4.9 KiB
209 lines
4.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 id="div_echars" style="height:54%;margin:10px;"></div>
|
|
<div id="div_table" style="height:44%;margin:10px;">
|
|
<table width="100%" >
|
|
<thead>
|
|
<th width="16%" class="td_class">行政区划</th>
|
|
<th width="16%" class="td_class">A/B/C/D/暂未评分</th>
|
|
<th width="16%" class="td_class">行政区划</th>
|
|
<th width="16%" class="td_class">A/B/C/D/暂未评分</th>
|
|
<th width="16%" class="td_class">行政区划</th>
|
|
<th width="16%" class="td_class">A/B/C/D/暂未评分</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_06",
|
|
data:{
|
|
regionId:"${manager_user['regionId']}"
|
|
},
|
|
dataType:"json",
|
|
success:function(data){
|
|
//解析data.list
|
|
var aArr = new Array();
|
|
var bArr = new Array();
|
|
var cArr = new Array();
|
|
var dArr = new Array();
|
|
var eArr = new Array();
|
|
var tArr = 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].sl+'</a></td></tr></tr>';
|
|
}else{
|
|
_strHtml += '<td class="_tr_class">'+data.list[i].rgname+'</td><td class="_tr_class">'+data.list[i].sl+'</td>';
|
|
}
|
|
var temp = data.list[i].sl.split('/');
|
|
aArr.push(temp[0]);
|
|
bArr.push(temp[1]);
|
|
cArr.push(temp[2]);
|
|
dArr.push(temp[3]);
|
|
eArr.push(temp[4]);
|
|
tArr.push(data.list[i].rgname);
|
|
}
|
|
$("#table_data").html(_strHtml);
|
|
|
|
bdataEchars("1","div_echars",aArr,bArr,cArr,dArr,eArr,tArr);
|
|
}
|
|
});
|
|
});
|
|
var bdataEchars = function(t,pdiv){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: "axis"
|
|
},
|
|
grid:{
|
|
top:"40px",
|
|
left:"40px",
|
|
right:"40px",
|
|
bottom:"90px"
|
|
},
|
|
legend: {
|
|
data:["A","B","C","D","暂未评分"],
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
},
|
|
xAxis:{
|
|
type: "category",
|
|
data:arguments[7],
|
|
axisLabel : {//坐标轴刻度标签的相关设置。
|
|
interval:0,
|
|
rotate:"35",
|
|
textStyle:{
|
|
color: '#b5e0ff'
|
|
}
|
|
}
|
|
},
|
|
yAxis:{
|
|
type:"value",
|
|
axisLabel : {//坐标轴刻度标签的相关设置。
|
|
textStyle: {
|
|
color: '#b5e0ff'
|
|
}
|
|
}
|
|
},
|
|
series:[
|
|
{
|
|
name:"A",
|
|
type:"bar",
|
|
itemStyle:{
|
|
color:"#eb5f68"
|
|
},
|
|
data:arguments[2]
|
|
},
|
|
{
|
|
name:"B",
|
|
type:"bar",
|
|
itemStyle:{
|
|
color:"#69eae9"
|
|
},
|
|
data:arguments[3]
|
|
},
|
|
{
|
|
name:"C",
|
|
type:"bar",
|
|
itemStyle:{
|
|
color:"#579cf9"
|
|
},
|
|
data:arguments[4]
|
|
},
|
|
{
|
|
name:"D",
|
|
type:"bar",
|
|
itemStyle:{
|
|
color:"#bcc1d4"
|
|
},
|
|
data:arguments[5]
|
|
},
|
|
{
|
|
name:"暂未评分",
|
|
type:"bar",
|
|
itemStyle:{
|
|
color:"#5af1a0"
|
|
},
|
|
data:arguments[6]
|
|
}
|
|
]
|
|
};
|
|
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|