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.

403 lines
11 KiB

10 months ago
<#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/_p.ftl"/>
<#include "../../_include/_c_1.ftl"/>
<link href="${ctx}/style/cls1/css/soc_1_dwxq.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
div{
cursor:pointer;
}
</style>
</head>
<body>
<div class="tab-wrappert">
<div class="qy-name" id="soc1_detailWin_socName"></div>
<div class="qy-jieshao" id="soc1_detailWin_cont">
</div>
<div class="yq-tkrow3">
<ul>
<li class="yq-tkli1" style="padding: 39px 0;">
<h5>基本信息</h5>
</li>
<li class="yq-tkli2">
<h5>消防平面图</h5>
<h5 id="soc1_detailWin_c0">(0)</h5>
</li>
<li class="yq-tkli3">
<h5>消防预案</h5>
<h5 id="soc1_detailWin_c2">(0)</h5>
</li>
<li class="yq-tkli1">
<h5>规章制度</h5>
<h5 id="soc1_detailWin_c4">(0)</h5>
</li>
<li class="yq-tkli2">
<h5>消防培训</h5>
<h5 id="soc1_detailWin_c3">(0)</h5>
</li>
<li class="yq-tkli3">
<h5>合法性文件</h5>
<h5 id="soc1_detailWin_c1">(0)</h5>
</li>
</ul>
</div>
<div class="yq-tkrow4">
<div class="qy-aqxj fl">
<div class="qy-aqxj1">
<h5>安全巡检</h5>
</div>
<div class="qy-aqxj2">
<ul>
<li>重点部位<span id="soc1_detailWin_c5">(0)</span></li>
<li>检查计划<span id="soc1_detailWin_c6">(0)</span></li>
<li>微型消防站</li>
<li>隐患记录</li>
<li style="width: 252px;">检查痕迹</li>
</ul>
</div>
<div class="aqxj-lj lianjie1"></div>
<div class="aqxj-lj lianjie2"></div>
</div>
<div class="qy-aqxj ml-20 fl">
<div class="qy-aqxj1">
<h5>单位评估</h5>
</div>
<div class="qy-aqxj2">
<div id="xfyh" style="width:100%;height:134px; "></div>
<div class="dw-cjpg" id="echart_text">单位评估成绩为:0 等级为:D<br />
评估时间:-</div>
<div class="dw-cxpg"><a id="soc1_detailWin_socRs" href="">重新评估</a></div>
</div>
<div class="aqxj-lj lianjie1"></div>
<div class="aqxj-lj lianjie2"></div>
</div>
<div class="qy-aqxj ml-20 fl">
<div class="qy-aqxj1">
<h5>物联网设备</h5>
</div>
<div class="qy-aqxj2">
<ul id="soc1_rms">
<li>智慧用电监测</li>
<li>消防用水监测</li>
<li>独立烟感预警</li>
<li>可燃气体预警</li>
<li>消防可视化监测</li>
<li>自动联网报警</li>
</ul>
</div>
<div class="aqxj-lj lianjie1"></div>
<div class="aqxj-lj lianjie2"></div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
layuiplus.on_w_1(function(){
layuiplus.init(1);
$.ajax({
type:"get",
url:"${ctx}/work/social/soc0/socialDetail/get",
data:{id:"${manager_user['baseId']}",relId:"${manager_user['groupId']}"},
dataType:"json",
async: false,
success:function(data){
//console.log(data.soc.socCode)
//信息点
$("#soc1_detailWin_socName").html(data.soc.socName);
var _str = "行政区划:";
_str += data.soc.regionVals + ",";
if(data.soc.socAddr != null){
_str += "详细位置:"+data.soc.socAddr + ",";
}else{
_str += "详细位置:-,";
}
switch(data.soc.socLevel){
case "1":_str += "消防等级:消防安全重点单位,";
break;
case "2":_str += "消防等级:消防安全一般单位,";
break;
case "3":_str += "消防等级:九小场所,";
break;
case "4":_str += "消防等级:其它,";
break;
default:_str += "消防等级:-,";
}
switch(data.soc.socIsrisk){
case "1":_str += "高危单位:是,";
break;
default:_str += "高危单位:否,";
}
switch(data.soc.socProp){
case "1":_str += "单位性质:机关,";
break;
case "2":_str += "单位性质:团体,";
break;
case "3":_str += "单位性质:企业,";
break;
case "4":_str += "单位性质:事业,";
break;
case "5":_str += "单位性质:其它,";
break;
default:_str += "单位性质:-,";
}
if(data.soc.socInd != null){
_str += "所属行业:"+data.soc.socInd.split("###")[1]+",";
}else{
_str += "所属行业:-,";
}
if(data.soc.socClass != null){
_str += "单位类别:"+data.soc.socClass.split("###")[1]+",";
}else{
_str += "单位类别:-,";
}
//console.log(data.soc.socMans)
//解析data.soc.socMans
if(data.soc.socMans != null){
var _ln = 0, _n = 4, _html;
var mansJson = $.parseJSON(data.soc.socMans);
for(var key in mansJson){
_ln++;
}
//消防第一责任人
_html = "";
var m1 = mansJson['m1'];
_html += "<span>"+m1.name+":";
var mans1 = m1.mans;
if(mans1 != null && mans1.length > 0){
_html += "<span>";
for(var i = 0;i < mans1.length;i++){
if(i != 0) _html += ",";
_html += mans1[i][0]+"("+mans1[i][1]+")";
}
_html += "</span>";
}else{
_html += "<span>-</span>";
}
_html += "</span>";
_str += _html + ",";
//消防安全责任人
_html = "";
var m2 = mansJson['m2'];
_html += "<span>"+m2.name+":";
var mans2 = m2.mans;
if(mans2 != null && mans2.length > 0){
_html += "<span>";
for(var i = 0;i < mans2.length;i++){
if(i != 0) _html += ",";
_html += mans2[i][0]+"("+mans2[i][1]+")";
}
_html += "</span>";
}else{
_html += "<span>-</span>";
}
_html += "</span>";
_str += _html + ",";
//消防安全管理人
_html = "";
var m3 = mansJson['m3'];
_html += "<span>"+m3.name+":";
var mans3 = m3.mans;
if(mans3 != null && mans3.length > 0){
_html += "<span>";
for(var i = 0;i < mans3.length;i++){
if(i != 0) _html += ",";
_html += mans3[i][0]+"("+mans3[i][1]+")";
}
_html += "</span>";
}else{
_html += "<span>-</span>";
}
_html += "</span>";
_str += _html + ",";
//其他自定义人
for(var j = _n;j <= _ln;j++){
_html = "";
var m_c = mansJson['m'+j];
_html += "<span>"+m_c.name+":";
var mans_c = m_c.mans;
if(mans_c.length > 0){
_html += "<span>";
for(var k = 0;k < mans_c.length;k++){
if(k != 0) _html += ",";
_html += mans_c[k][0]+"("+mans_c[k][1]+")";
}
_html += "</span>";
}else{
_html += "<span>-,</span>";
}
_html += "</span>";
_str += _html;
}
}else{
var _html = "<span>消防第一责任人:-,</span>"+
"<span>消防安全责任人:-,</span>"+
"<span>消防安全管理人:-</span>";
_str += _html;
}
$("#soc1_detailWin_cont").html(_str);
//信息块 counts顺序:单位平面图,消防合法文书,消防预案演练,消防培训,规章制度,巡检点,检查计划,微型消防站
//临时
//socRsEcharsOpt("0:0","-","-");
var _cArr = data.counts.split(",");
$("#soc1_detailWin_c0").html("("+_cArr[0]+")");
$("#soc1_detailWin_c1").html("("+_cArr[1]+")");
$("#soc1_detailWin_c2").html("("+_cArr[2]+")");
$("#soc1_detailWin_c3").html("("+_cArr[3]+")");
$("#soc1_detailWin_c4").html("("+_cArr[4]+")");
$("#soc1_detailWin_c5").html("("+_cArr[5]+")");
$("#soc1_detailWin_c6").html("("+_cArr[6]+")");
//分析评估
var _socRs = data.soc.socRs;
if(_socRs == null){
socRsEcharsOpt("0:0","-","-");
}else{
//展示echars
var _arrSocRs = _socRs.split("###");
socRsEcharsOpt(_arrSocRs[0],_arrSocRs[1],_arrSocRs[2]);
}
//处理物联系统信息 //soc1_detailWin_couplet $("#soc1_detailWin_couplet")
/* var _keys = "";
$.each(data.couplet.groupId,function(_obj){
//console.log($(this)[0]);
var _obj = JSON.parse(JSON.stringify($(this)[0]));
//console.log(_obj["CPY_KEY"]+"========"+_obj["COUNT"]);
//var _obj = JSON.parse(JSON.stringify($(this)[0]));
_keys += "," + _obj["CPY_KEY"];
});
var _html = "";
$.each(data.couplet.all,function(){
//console.log($(this)[0]);
var _obj = JSON.parse(JSON.stringify($(this)[0]));
for(var i in _obj){
if(i == "06") continue;
_html += "<li id=\"soc1_detailWin_s"+i+"\" on=\"0\" onclick=\"pageUri('${manager_user['groupId']}','${manager_user['groupName']}','"+i+"',this)\">";
_html += _obj[i];
_html += "</li>"
}
});
//console.log(_html);
$("#soc1_rms").html(_html);
//分析_keys
_keys = _keys.substring(1);
var _keysArr = _keys.split(",");
var flag05 = false;
for(var i in _keysArr){
if(_keysArr[i] == "06") continue;
if(_keysArr[i] == "01" || _keysArr[i] == "02") flag05 = true;
$("#soc1_detailWin_s"+_keysArr[i]).attr("on","1");
}
if(flag05) $("#soc1_detailWin_s05").attr("on","1"); */
}
});
$("#soc1_detailWin_socRs").click(function(){
var baseId = "${manager_user['baseId']}";
var mh = 1;
$("#soc1_detailWin_couplet > li").each(function(){
if($(this).attr("on") == "0") return;
mh++;
});
$.ajax({
type:"get",
url:"${ctx}/work/social/soc0/socialDetail/rs",
data:{id:baseId,mcount:8,mhave:mh},
dataType:"json",
success:function(data){
socRsEcharsOpt(data.score,data.level,data.time,baseId);
}
});
});
});
var socRsEcharsOpt = function(score,level,time){
var _s = score.split(":");
var _text = "单位评估成绩为:"+_s[0]+",等级为:"+level+"<br/>评估时间:"+time;
$("#echart_text").html(_text);
var option = {
title:{
text:_text,
x:"center",
y:"300px",
textStyle:{
fontFamily:"微软雅黑",
fontSize:12,
fontStyle:"normal",
fontWeight:"normal"
}
},
tooltip:{
trigger:"item",
formatter:"{a}&nbsp;{b}&nbsp:&nbsp{c}"
},
series:[
{
name:"消防安全评估(参考)",
type:"pie",
radius:"55%",
center:["50%","40%"],
data:[
{value:_s[0],name:"分数"},
{value:_s[1],name:"扣分"}
],
color: ['#338fee', '#33c0ee'],
roseType: 'radius',
label: {
normal: {
formatter: ['{b|{b}}'].join('\n'),
rich: {
b: {
color: 'rgb(181,224,255)',
fontSize: 14,
height: 40
},
},
}
},
labelLine: {
normal: {
lineStyle: {
color: 'rgb(181,224,255)',
},
smooth: 0.2,
length: 10,
length2: 20,
}
},
itemStyle: {
normal: {
shadowColor: 'rgba(43, 64, 125, 0.8)',
shadowBlur: 30,
}
}
}
]
};
echarts.init($("#xfyh").get(0)).setOption(option);
}
</script>
</html>