2023-08-04

This commit is contained in:
2023-08-04 17:23:14 +08:00
parent 6571d291e8
commit f13d77c520
4 changed files with 1168 additions and 751 deletions
+219 -47
View File
@@ -9,6 +9,7 @@
<link rel="stylesheet" href="../res/assets/iconfont/iconfont.css"/>
<link rel="stylesheet" href="../res/assets/css/video-7.15.0.min.css"/>
<link rel="stylesheet" href="../res/assets/css/index1.css"/>
<link rel="stylesheet" href="../res/assets/css/xfk.css"/>
</head>
<body>
<div class="sd-index1-body">
@@ -29,7 +30,7 @@
<div class="tit">安监人员数据</div>
<div class="content">
<div class="item flexCenter">
<div class="i-item stl-top-tw">
<div class="i-item stl-top-tw js-hover" data-type="HeadOfficeNum">
<div class="i-tit i-tit-w">企业总部人数</div>
<div class="flexCenter">
<div class="i-content flexCenterV rightGap">
@@ -42,7 +43,7 @@
</div>
</div>
</div>
<div class="i-item stl-top-tw">
<div class="i-item stl-top-tw js-hover" data-type="Branch">
<div class="i-tit">分支机构</div>
<div class="flexCenter">
<div class="i-content flexCenterV rightGap">
@@ -57,7 +58,7 @@
</div>
</div>
<div class="item flexCenter">
<div class="i-item stl-top-cw">
<div class="i-item stl-top-cw js-hover" data-type="ProjectNum">
<div class="i-tit">项目人数</div>
<div class="flexCenter">
<div class="i-content flexCenterV rightGap">
@@ -74,7 +75,7 @@
</div>
</div>
</div>
<div class="i-item stl-top-cw1">
<div class="i-item stl-top-cw1 js-hover" data-type="SafetyInjectionEngineer">
<div class="i-tit i-tit-w1">注安师</div>
<div class="flexCenter">
<div class="i-content flexCenterV">
@@ -85,7 +86,7 @@
</div>
</div>
<div class="item">
<div class="i-item">
<div class="i-item js-hover" data-type="Certificate">
<div class="i-tit">三类人员</div>
<div class="flexCenter">
<div class="i-content flexCenterV rightGap">
@@ -105,7 +106,7 @@
</div>
</div>
</div>
<div class="stl-bottom bg">
<div class="stl-bottom bg js-hover" data-type="SafetyMeetingData">
<div class="tit">安全会议数据</div>
<div class="aqhysj-wrap flexCenter">
<div class="aqhysj">
@@ -131,19 +132,19 @@
</div>
<div class="sd-top-center">
<div class="stc-top flexCenter">
<div class="i-item">
<div class="i-item js-hover" data-type="BeUnderConstructionNum">
<div class="desc desc-cl1">在建项目</div>
<div class="desc desc-cl1"><%=showData(hSSEData_HSSE.BeUnderConstructionNum,"--") %></div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="ShutdownNum">
<div class="desc desc-cl2">停工项目</div>
<div class="desc desc-cl2"><%=showData(hSSEData_HSSE.ShutdownNum,"--") %></div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="JoinConstructionPersonNum">
<div class="desc desc-cl3">参建人数</div>
<div class="desc desc-cl3"><%=showData(hSSEData_HSSE.JoinConstructionPersonNum,"--") %></div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="MajorProjectsUnderConstructionNum">
<div class="desc desc-cl4">在施危大工程</div>
<div class="desc desc-cl4"><%=showData(hSSEData_HSSE.MajorProjectsUnderConstructionNum,"--") %></div>
</div>
@@ -158,8 +159,8 @@
</div>
</div>
</div>
<div class="stc-bottom flexCenter">
<div class="i-item">
<div class="stc-bottom flexCenter ">
<div class="i-item js-hover" data-type="WorkingHourData">
<div class="ii-desc">工时数据</div>
<div class="ii-item bg1">
<div class="desc">总工时数</div>
@@ -174,7 +175,7 @@
<div class="num num-cl2"><%=showData(hSSEData_HSSE.SafeWorkingHour,"--") %></div>
</div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="SafeTrainData">
<div class="ii-desc">安全教育培训人数数据</div>
<div class="ii-item bg4">
<div class="desc">三级安全教育培训</div>
@@ -189,26 +190,29 @@
<div class="num"><%=showData(hSSEData_HSSE.SpecialOperationTrainNum,"--") %></div>
</div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="EnvironmentalData">
<div class="ii-desc">环保数据</div>
<div class="ii-item bg5">
<div class="desc">能耗总量<br/>(万吨标准煤)</div>
<div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.TotalEnergyConsumption,"--") %></div>
<%--<div class="num num-cl3">45.5708</div>--%>
</div>
<div class="ii-item bg5">
<div class="desc">万元营业收入综合能耗<br/>(吨标准煤/万元)</div>
<div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.IncomeComprehensiveEnergyConsumption,"--") %></div>
<%--<div class="num num-cl3">0.9664</div>--%>
</div>
<div class="ii-item bg5">
<div class="desc">用新水量<br/>(万吨)</div>
<div class="desc">二氧化碳<br/>(万吨)</div>
<div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.NewWaterConsumption,"--") %></div>
<%--<div class="num num-cl3">780.7763</div>--%>
</div>
</div>
</div>
</div>
<div class="sd-top-right">
<div class="str-top flexCenter">
<div class="i-item">
<div class="i-item js-hover" data-type="SafeCost">
<div class="i-txt">安全费用</div>
<div class="i-desc flexCenterV tbMg">
<div class="id-txt">费用提取(万元)</div>
@@ -219,7 +223,7 @@
<div class="id-num"><%=showData(hSSEData_HSSE.CostUse,"--") %></div>
</div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="ConstructionEquipment">
<div class="i-txt">施工机具设备</div>
<div class="i-desc flexCenterV tbMg">
<div class="id-txt">在用</div>
@@ -230,7 +234,7 @@
<div class="id-num"><%=showData(hSSEData_HSSE.SpecialEquipmentNum,"--") %></div>
</div>
</div>
<div class="i-item">
<div class="i-item js-hover" data-type="HighRiskWorkPermit">
<div class="i-txt">高风险作业许可</div>
<div class="i-desc flexCenterV tbMg">
<div class="id-txt">许可项</div>
@@ -247,35 +251,35 @@
<div class="txt tab-wrap">
<div>隐患排查治理数据</div>
<div class="tab">
<div class="active">一般隐患</div>
<div>重大隐患</div>
<div class="active" data-type="yb">一般隐患</div>
<div data-type="zd">重大隐患</div>
</div>
</div>
</div>
<div class="strb-top flexCenter">
<div class="strbt-left">
<div class="sl-item flexCenterV">
<div class="strb-top flexCenter js-hover" data-type="yhpc" data-tabType="yhpc">
<div class="strbt-left js-hover" >
<div class="sl-item flexCenterV js-hover" >
<div class="desc">整改闭环项</div>
<div id="yhpc_1" class="num"><%=showData(hSSEData_HSSE.GeneralClosedNum,"--") %></div>
</div>
<div class="sl-item flexCenterV">
<div class="sl-item flexCenterV js-hover" >
<div class="desc">未整改完成项</div>
<div id="yhpc_2" class="num1"><%=showData(hSSEData_HSSE.GeneralNotClosedNum,"--") %></div>
</div>
</div>
<div class="strbt-right">
<div class="strbt-right js-hover" >
<div id="zgl" class="strbt-right-pic"></div>
<div class="strbt-right-tit flexCenter">整改率</div>
</div>
</div>
<div class="strb-bottom">
<div id="yhpczlsj" class="strb-bottom-pic"></div>
<div class="strb-bottom " >
<div id="yhpczlsj" class="strb-bottom-pic" ></div>
</div>
</div>
</div>
</div>
<div class="sd-body-bottom">
<div class="bb-item">
<div class="bb-item js-hover" data-type="SafetySupervisionAndInspectionData">
<div class="tit">
<div class="txt">安全监督检查数据</div>
</div>
@@ -283,7 +287,7 @@
<div id="aqjdjcsj" class="sd-chart"></div>
</div>
</div>
<div class="bb-item">
<div class="bb-item js-hover" data-type="AccidentEventData">
<div class="tit">
<div class="txt">事故事件数据</div>
</div>
@@ -291,11 +295,11 @@
<div class="sgsjsj">
<div class="sg-top">
<div class="sg-top-item">
<div>未遂事件</div>
<div>未遂</div>
<div class="num"><%=showData(hSSEData_HSSE.NearMissNum,"--") %></div>
</div>
<div class="sg-top-item">
<div>可记录事件</div>
<div>可记录</div>
<div class="num"><%=showData(hSSEData_HSSE.RecordableEventNum,"--") %></div>
</div>
</div>
@@ -308,32 +312,32 @@
<div class="txt tab-wrap">
<div>应急管理数据</div>
<div class="tab">
<div class="active">企业级</div>
<div>项目级</div>
<div class="active" data-type="qyj">企业级</div>
<div data-type="xmj">项目级</div>
</div>
</div>
</div>
<div class="content flexCenter">
<div class="yjglsj">
<div class="item">
<div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV">
<div id="yj_num_1" class="num"><%=showData(hSSEData_HSSE.CompanyComprehensivePlanNum,"--") %></div>
<div class="desc">综合预案</div>
</div>
</div>
<div class="item">
<div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV">
<div id="yj_num_2" class="num"><%=showData(hSSEData_HSSE.CompanySpecialPlanNum,"--") %></div>
<div class="desc">专项预案</div>
</div>
</div>
<div class="item">
<div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV">
<div id="yj_num_3" class="num"><%=showData(hSSEData_HSSE.CompanyOnSiteDisposalPlan,"--") %></div>
<div class="desc">现场处置预案</div>
</div>
</div>
<div class="item">
<div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV">
<div id="yj_num_4" class="num"><%=showData(hSSEData_HSSE.CompanyDrillNum,"--") %></div>
<div class="desc">演练次数</div>
@@ -342,7 +346,7 @@
</div>
</div>
</div>
<div class="bb-item">
<div class="bb-item js-hover" data-type="Video">
<div class="tit">
<div class="txt">安全云监控</div>
</div>
@@ -358,7 +362,7 @@
</div>
</div>
</div>
<div class="bb-item">
<div class="bb-item js-hover" data-type="SafeRiskData">
<div class="tit">
<div class="txt">安全风险数据</div>
</div>
@@ -371,32 +375,32 @@
<div class="txt tab-wrap">
<div>危大工程数据</div>
<div class="tab">
<div class="active">危大工程</div>
<div>超危大工程</div>
<div class="active" data-type="large">危大工程</div>
<div data-type="super">超危大工程</div>
</div>
</div>
</div>
<div class="content flexCenter">
<div class="wdgcsj">
<div class="item">
<div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner leftPos">
<div class="desc mgbS">审批完成</div>
<div id="pro_static_1" class="num"><%=showData(hSSEData_HSSE.CompletedNum,"--") %></div>
</div>
</div>
<div class="item">
<div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner rightPos">
<div class="desc mgbS">培训人次数</div>
<div id="pro_static_2" class="num"><%=showData(hSSEData_HSSE.TrainPersonNum,"--") %></div>
</div>
</div>
<div class="item">
<div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner leftPos">
<div id="pro_static_3" class="num mgbS numC1"><%=showData(hSSEData_HSSE.ConstructionNum,"--") %></div>
<div class="desc">施工个数</div>
</div>
</div>
<div class="item">
<div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner rightPos">
<div id="pro_static_4" class="num mgbS numC2"><%=showData(hSSEData_HSSE.FinishedNum,"--") %></div>
<div class="desc">完工个数</div>
@@ -407,6 +411,17 @@
</div>
</div>
</div>
</div>
<div class="hover-wrap">
<div class="hover-item">
</div>
</div>
<div class="click-wrap" >
<div class="click-close"></div>
<div class="click-item">
<%-- <iframe src="../SysManage/Unit.aspx" width="100%" height="450"></iframe>--%>
<iframe src="" id="iframe" width="100%" height="450"></iframe>
</div>
</div>
<script src="../res/assets/js/jquery-2.1.1.min.js"></script>
<script src="../res/assets/js/jquery.mousewheel.min.js"></script>
@@ -418,8 +433,8 @@
function initMapEchart() {
// 1. 实例化对象
var myChart = echarts.init(document.querySelector(".sd-map"));
var series = [
{
name: "china map",
@@ -1062,7 +1077,162 @@
})
}
function GetClickHtml(obj) {
var $this = $(obj), type = $this.attr('data-type'), tabType = $this.attr('data-tabType') || '';
var title = '';
if (tabType != '') {
tabType = $this.closest('.bb-item').find('.tab-wrap .tab .active').attr('data-type')
if (tabType == null) {
tabType = $this.closest('.str-bottom').find('.tab-wrap .tab .active').attr('data-type')
}
}
console.log(type)
if (type == 'HeadOfficeNum') {
$('iframe').attr('src', '../DataShow/CompanyPerson.aspx') //企业总部
window.open("../DataShow/CompanyPerson.aspx")
}
else if (type == 'Branch') {
$('iframe').attr('src', '../DataShow/CompanyPerson.aspx') //分支机构
window.open("../DataShow/CompanyPerson.aspx")
}
else if (type == 'ProjectNum') {
$('iframe').attr('src', '../DataShow/ProjectPerson.aspx')//项目人员
window.open("../DataShow/ProjectPerson.aspx")
}
else if (type == 'SafetyInjectionEngineer') {
$('iframe').attr('src', '../DataShow/ProjectPerson.aspx')//项目人员
window.open("../DataShow/ProjectPerson.aspx")
}
else if (type == 'Certificate') {
$('iframe').attr('src', '../DataShow/ProjectPerson.aspx') //项目人员
window.open("../DataShow/ProjectPerson.aspx")
}
else if (type == 'SafetyMeetingData') {
$('iframe').attr('src', '../DataShow/Meeting.aspx') //安全会议数据
window.open("../DataShow/Meeting.aspx")
}
else if (type == 'BeUnderConstructionNum') {
$('iframe').attr('src', '../DataShow/Project.aspx') //项目信息
window.open("../DataShow/Project.aspx")
}
else if (type == 'ShutdownNum') {
$('iframe').attr('src', '../DataShow/Project.aspx') //项目信息
window.open("../DataShow/Project.aspx")
}
else if (type == 'JoinConstructionPersonNum') {
$('iframe').attr('src', '../DataShow/Project.aspx') //项目信息
window.open("../DataShow/Project.aspx")
}
else if (type == 'MajorProjectsUnderConstructionNum') {
$('iframe').attr('src', '../DataShow/Project.aspx') //项目信息
window.open("../DataShow/Project.aspx")
}
else if (type == 'WorkingHourData') {
$('iframe').attr('src', '../DataShow/WorkingHours.aspx') //工时数据
window.open("../DataShow/WorkingHours.aspx")
}
else if (type == 'SafeTrainData') {
$('iframe').attr('src', '../DataShow/EduTrain.aspx') //安全教育培训
window.open("../DataShow/EduTrain.aspx")
}
else if (type == 'EnvironmentalData') {
$('iframe').attr('src', '../DataShow/Environmental.aspx') //环保数据
window.open("../DataShow/Environmental.aspx")
}
else if (type == 'SafeCost') {
$('iframe').attr('src', '../DataShow/SecurityCost.aspx') //安全费用
window.open("../DataShow/SecurityCost.aspx")
}
else if (type == 'ConstructionEquipment') {
$('iframe').attr('src', '../DataShow/ConstructionEquipment.aspx') //施工机具设备
window.open("../DataShow/ConstructionEquipment.aspx")
}
else if (type == 'HighRiskWorkPermit') {
$('iframe').attr('src', '../DataShow/License.aspx') //高风险作业许可
window.open("../DataShow/License.aspx")
}
else if (type == 'SafetySupervisionAndInspectionData') {
$('iframe').attr('src', '../DataShow/Check.aspx') //安全监督检查
window.open("../DataShow/Check.aspx")
}
else if (type == 'AccidentEventData') {
$('iframe').attr('src', '../DataShow/Accident.aspx') //事故事件数据
window.open("../DataShow/Accident.aspx")
}
else if (type == 'SafeRiskData') {
$('iframe').attr('src', '../DataShow/SecurityRisk.aspx') //安全风险数据
window.open("../DataShow/SecurityRisk.aspx")
}
else if (type == 'yjglsj' && tabType == "qyj") {
$('iframe').attr('src', '../DataShow/Emergency.aspx')//应急管理数据-企业级
window.open("../DataShow/Emergency.aspx")
}
else if (type == 'yjglsj' && tabType == "xmj") {
$('iframe').attr('src', '../DataShow/Emergency.aspx')//应急管理数据-项目级
window.open("../DataShow/Emergency.aspx")
}
else if (type == 'wdgcsj' && tabType == "large") {
$('iframe').attr('src', '../DataShow/LargeEngineering.aspx')//危大工程- 危大工程
window.open("../DataShow/LargeEngineering.aspx")
}
else if (type == 'wdgcsj' && tabType == "super") {
$('iframe').attr('src', '../DataShow/LargeEngineering.aspx') // 危大工程 - 超危大工程
window.open("../DataShow/LargeEngineering.aspx")
}
else if (type == 'yhpc' && tabType == "yb") {
$('iframe').attr('src', '../DataShow/HiddenRectification.aspx') //隐患排查-一般隐患
window.open("../DataShow/HiddenRectification.aspx")
}
else if (type == 'yhpc' && tabType == "zd") {
$('iframe').attr('src', '../DataShow/HiddenRectification.aspx')//隐患排查-重大隐患
window.open("../DataShow/HiddenRectification.aspx")
}/*
else if (type == 'Video') {
$('iframe').attr('src', '../InterfacePopup/HSSE/VideoView.aspx') //视频监控
}*/
else {
// $('iframe').attr('src', '../SysManage/Unit.aspx')
// window.open("../DataShow/Unit.aspx")
console.log("通用")
}
}
function initClick() {
// 设置iframe高度
$('.click-wrap .click-item iframe').height($('.click-wrap').height())
$(".js-hover").click(function () {
var htmlContent = GetClickHtml(this)
// $('.click-wrap').show()
// $(".hover-wrap").hide()
})
$('.click-close').click(function () {
$('.click-wrap').hide()
})
}
$(function () {
initDate()
initZgl('zgl',<%=zgl1%>)
@@ -1091,6 +1261,8 @@
initTab()
// initScroll()
initClick();
});
</script>