977 lines
44 KiB
Plaintext
977 lines
44 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="main_new0.aspx.cs" Inherits="FineUIPro.Web.common.main_new0" %>
|
||
|
||
<!DOCTYPE html>
|
||
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head runat="server">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<title>安全生产</title>
|
||
<script src="lib/flex.js"></script>
|
||
<link rel="stylesheet" href="css/safetyproduction.css"/>
|
||
<link rel="stylesheet" href="../res/assets/css/xfk.css"/>
|
||
</head>
|
||
<body>
|
||
<form id="form1" runat="server">
|
||
<div class="y_body y_row">
|
||
<div class="site y_column">
|
||
<!-- 安监人员数据 -->
|
||
<div class="y_box">
|
||
<div class="y_box_label y_image_default">安监人员数据</div>
|
||
<div class="y_box_main">
|
||
<div class="y_rs_row y_row" style="margin-top: .25rem;">
|
||
<div class="y_rs_item y_column js-hover " data-type="HeadOfficeNum">
|
||
<div class="y_rs_item_label">企业总部人数</div>
|
||
<div class="y_rs_item_value y_row">
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_qyzbzjrs" runat="server">0</div>
|
||
<div class="y_rs_text">总监</div>
|
||
</div>
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_qyzbzzrs" runat="server">0</div>
|
||
<div class="y_rs_text">专职</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="y_rs_item y_column js-hover" data-type="Branch">
|
||
<div class="y_rs_item_label">分支机构</div>
|
||
<div class="y_rs_item_value y_row">
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_fzjgzjrs" runat="server">0</div>
|
||
<div class="y_rs_text">总监</div>
|
||
</div>
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_fzjgzzrs" runat="server">0</div>
|
||
<div class="y_rs_text">专职</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="y_rs_row y_row" style="margin-top: .125rem;">
|
||
<div class="y_rs_item y_column js-hover" style="width: 3.75rem;" data-type="ProjectNum">
|
||
<div class="y_rs_item_label">项目人数</div>
|
||
<div class="y_rs_item_value img2 y_row">
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_qyzbrs1" runat="server">0</div>
|
||
<div class="y_rs_text">总监</div>
|
||
</div>
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_qyzbzzrs1" runat="server">0</div>
|
||
<div class="y_rs_text">专职</div>
|
||
</div>
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_qyzbcjrs" runat="server">0</div>
|
||
<div class="y_rs_text">参建人数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="y_rs_item y_column js-hover" style="width: 1.625rem;" data-type="SafetyInjectionEngineer">
|
||
<div class="y_rs_item_label">注安师</div>
|
||
<div class="y_rs_item_value y_row" style="background-image: none;">
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_zasrs" runat="server">0</div>
|
||
<div class="y_rs_text">总数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="y_rs_row y_row" style="margin-top: .125rem;">
|
||
<div class="y_rs_item y_column js-hover" style="width: 100%;">
|
||
<div class="y_rs_item_label">项目人数</div>
|
||
<div class="y_rs_item_value img2 y_row">
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_xmrs" runat="server">0</div>
|
||
<div class="y_rs_text">总监</div>
|
||
</div>
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_xmzzrs" runat="server">0</div>
|
||
<div class="y_rs_text">专职</div>
|
||
</div>
|
||
<div class="y_rs_box y_column">
|
||
<div class="y_rs_number" id="div_xmcjrs" runat="server">0</div>
|
||
<div class="y_rs_text">参建人数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 安全会议数据 -->
|
||
<div class="y_box js-hover" style="height: 2.975rem;margin-top: .25rem;" data-type="SafetyMeetingData">
|
||
<div class="y_box_label y_image_default">安全会议数据</div>
|
||
<div class="y_box_main" style="padding: .25rem;">
|
||
<div class="anj y_image_default">
|
||
<div class="anj_row y_row">
|
||
<div class="anj_box anj_box1" style="top: -0.125rem;">
|
||
<div class="anj_label">企业安委会</div>
|
||
<div class="anj_value" style="margin-top: 10%;padding-left: .25rem;" runat="server" id="div_qyawh">0</div>
|
||
</div>
|
||
<div class="anj_box anj_box2" style="top: -0.125rem;">
|
||
<div class="anj_label">企业专题</div>
|
||
<div class="anj_value"
|
||
style="margin-top: 10%;padding-right: .25rem;text-align: right;" runat="server" id="div_qyzt">0</div>
|
||
</div>
|
||
</div>
|
||
<div class="anj_row y_row">
|
||
<div class="anj_box anj_box1 y_column" style="justify-content: flex-end;">
|
||
|
||
<div class="anj_value" style="padding-left: .25rem;margin-bottom: 10%;" runat="server" id="div_xmaqldxz">0</div>
|
||
<div class="anj_label">项目安全领导小组</div>
|
||
</div>
|
||
<div class="anj_box anj_box2 y_column" style="justify-content: flex-end;">
|
||
|
||
<div class="anj_value"
|
||
style="padding-right: .25rem;margin-bottom: 10%;text-align: right;" runat="server" id="div_xmalh">0</div>
|
||
<div class="anj_label">项目安全例会</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="site">
|
||
<div class="y_top_boxs y_row">
|
||
<div class="y_top_box y_image_default y_row js-hover" data-type="BeUnderConstructionNum">
|
||
<div class="y_top_box_label" style="color: #12CDA2;">在建项目</div>
|
||
<div class="y_top_box_value" style="color: #12CDA2;" id="div_zjxm" runat="server">0</div>
|
||
</div>
|
||
<div class="y_top_box y_image_default y_row js-hover" data-type="ShutdownNum">
|
||
<div class="y_top_box_label" style="color: #00FFFF;">停工项目</div>
|
||
<div class="y_top_box_value" style="color: #00FFFF;" runat="server" id="div_tgxm">0</div>
|
||
</div>
|
||
<div class="y_top_box y_image_default y_row js-hover" data-type="MajorProjectsUnderConstructionNum">
|
||
<div class="y_top_box_label" style="color: #FF7474;">在施危大工程</div>
|
||
<div class="y_top_box_value" style="color: #FF7474;" runat="server" id="div_wdxm">0</div>
|
||
</div>
|
||
<div class="y_top_box y_image_default y_row js-hover" data-type="WorkingHourData">
|
||
<div class="y_top_box_label" style="color: #00FFFF;">安全工时</div>
|
||
<div class="y_top_box_value" style="color: #00FFFF;" runat="server" id="div_safeworktime">0</div>
|
||
</div>
|
||
</div>
|
||
<div class="y_video">
|
||
<div class="video" style="padding-right: .125rem;padding-bottom: .125rem;">
|
||
<div class="videos">
|
||
<div class="video_title">安全云监控</div>
|
||
<img src="./imags/16.png"></img>
|
||
<div class="video_value"><span>实时视频：线路1</span><span>2020-10-10 12:40:26</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="video" style="padding-left: .125rem;padding-bottom: .125rem;">
|
||
<div class="videos">
|
||
<div class="video_title">安全云监控</div>
|
||
<img src="./imags/16.png"></img>
|
||
<div class="video_value"><span>实时视频：线路1</span><span>2020-10-10 12:40:26</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="video" style="padding-right: .125rem;padding-top: .125rem;">
|
||
<div class="videos">
|
||
<div class="video_title">安全云监控</div>
|
||
<img src="./imags/16.png"></img>
|
||
<div class="video_value"><span>实时视频：线路1</span><span>2020-10-10 12:40:26</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="video" style="padding-left: .125rem;padding-top: .125rem;">
|
||
<div class="videos">
|
||
<div class="video_title">安全云监控</div>
|
||
<img src="./imags/16.png"></img>
|
||
<div class="video_value"><span>实时视频：线路1</span><span>2020-10-10 12:40:26</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="site y_column">
|
||
<div class="y_box1 y_row">
|
||
<div class="item js-hover" data-type="SafeCost">
|
||
<div class="item-label">安全费用数据</div>
|
||
<div class="item_card y_column">
|
||
<div class="item_card-label">费用提取（万元）</div>
|
||
<div class="item_card-value" id="div_fytq" runat="server">0</div>
|
||
</div>
|
||
<div class="item_card y_column">
|
||
<div class="item_card-label">费用使用</div>
|
||
<div class="item_card-value"><%=GetCostUse() %></div>
|
||
</div>
|
||
</div>
|
||
<div class="item js-hover" data-type="ConstructionEquipment">
|
||
<div class="item-label">施工机具设备数据</div>
|
||
<div class="item_card y_column">
|
||
<div class="item_card-label">在用</div>
|
||
<div class="item_card-value"><%=GetUseEquipmentNum() %></div>
|
||
</div>
|
||
<div class="item_card y_column">
|
||
<div class="item_card-label">特种设备</div>
|
||
<div class="item_card-value"><%=GetSpecialEquipmentNum() %></div>
|
||
</div>
|
||
</div>
|
||
<div class="item js-hover" data-type="HighRiskWorkPermit">
|
||
<div class="item-label">高风险作业许可数据</div>
|
||
<div class="item_card y_column">
|
||
<div class="item_card-label">许可项</div>
|
||
<div class="item_card-value" ><%=GetLicensesNum() %></div>
|
||
</div>
|
||
<div class="item_card y_column">
|
||
<div class="item_card-label">关闭项</div>
|
||
<div class="item_card-value" style="color: #999999;" ><%=GetLicensesCloseNum() %></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="y_box" style="width: 6rem;height: 5.0875rem;">
|
||
<div class="y_box_label y_image_default tab-wrap">隐患排查治理数据
|
||
<div class="y_tabs y_row">
|
||
<span class="y_image_default y_tab-action " data-type="yb" style="cursor:pointer" onclick="yjClick(0)" id="ybyh_span">一般隐患</span>
|
||
<span class="y_image_default" data-type="zd" style="cursor:pointer" onclick="yjClick(1)" id="zdyh_span">重大隐患</span>
|
||
</div>
|
||
</div>
|
||
<div class="y_box_main">
|
||
<div class="pc_box y_row js-hover" data-type="yhpc"style="padding-top: .25rem;">
|
||
<div class="pc-item">
|
||
<div class="pc-item-card y_column y_image_default">
|
||
<div class="pc-item-card_label">整改闭环项</div>
|
||
<div class="pc-item-card_number" id="yhpc_1"><%=GetGeneralClosedNum() %></div>
|
||
</div>
|
||
<div class="pc-item-card" style="margin-top: .125rem;">
|
||
<div class="pc-item-card y_column y_image_default">
|
||
<div class="pc-item-card_label">未整改完成项</div>
|
||
<div class="pc-item-card_number" style="color: #FF7474;" id="yhpc_2"><%=GetGeneralNotClosedNum() %></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="pc-item" id="zgmap"></div>
|
||
</div>
|
||
<div class="pc_box-map" id="zgbarmap"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="body1 y_row">
|
||
<div class="card1 js-hover" data-type="SafetySupervisionAndInspectionData">
|
||
<div class="card1_title y_image_default js-hover" data-type="SafetySupervisionAndInspectionData">安全监督检查数据</div>
|
||
<div class="card1-body" id="jcsjmap"></div>
|
||
</div>
|
||
<div class="card1 js-hover" data-type="AccidentEventData">
|
||
<div class="card1_title y_image_default js-hover" data-type="AccidentEventData">事故事件数据
|
||
<%-- <div class="y_tabs y_row">
|
||
<span class="y_image_default y_tab-action">企业级</span>
|
||
<span class="y_image_default">项目级</span>
|
||
</div>--%>
|
||
</div>
|
||
<div class="card1-body" style="padding: .125rem;">
|
||
<div class="sj-box y_row">
|
||
<div class="sj-box_item y_row">
|
||
<div class="sj-item_label">未遂事件</div>
|
||
<div class="sj-item-number"><%=GetNearMissNum() %></div>
|
||
</div>
|
||
<div class="sj-box_item y_row">
|
||
<div class="sj-item_label">可记录</div>
|
||
<div class="sj-item-number"><%=GetRecordableEventNum() %></div>
|
||
</div>
|
||
</div>
|
||
<div class="sjmap" id="sjmap"></div>
|
||
</div>
|
||
</div>
|
||
<div class="card1 ">
|
||
<div class="card1_title y_image_default">应急管理数据</div>
|
||
<div class="card1-body yj-body y_image_default js-hover" data-type="yjglsj" >
|
||
<div class="y_column">
|
||
<div class="yj-number"><%=GetCompanyComprehensivePlanNum() %></div>
|
||
<div class="yj-label">综合预案</div>
|
||
</div>
|
||
<div class="y_column">
|
||
<div class="yj-number"><%=GetCompanySpecialPlanNum() %></div>
|
||
<div class="yj-label">专项预案</div>
|
||
</div>
|
||
<div class="y_column">
|
||
<div class="yj-number"><%=GetCompanyOnSiteDisposalPlan() %></div>
|
||
<div class="yj-label">现场处置预案</div>
|
||
</div>
|
||
<div class="y_column">
|
||
<div class="yj-number"><%=GetCompanyDrillNum() %></div>
|
||
<div class="yj-label">演练次数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card1 ">
|
||
<div class="card1_title y_image_default">安全教育培训人次数数据</div>
|
||
<div class="card1-body y_column aqjy js-hover" data-type="SafeTrainData">
|
||
<div class="y_column">
|
||
<div class="aqjy-label">三级安全教育培训</div>
|
||
<div class="aqjy-value"><%=GetSafeTrainNum() %></div>
|
||
</div>
|
||
<div class="y_column">
|
||
<div class="aqjy-label">专项培训</div>
|
||
<div class="aqjy-value"><%=GetSpecialTrainNum() %></div>
|
||
</div>
|
||
<div class="y_column">
|
||
<div class="aqjy-label">特种作业培训</div>
|
||
<div class="aqjy-value"><%=GetSpecialOperationTrainNum() %></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card1 ">
|
||
<div class="card1_title y_image_default">安全数据分析</div>
|
||
<div class="card1-body" id="sjfxmap"></div>
|
||
</div>
|
||
<div class="card1 ">
|
||
<div class="card1_title y_image_default">应急管理数据
|
||
<div class="y_tabs y_row ">
|
||
<span class="y_image_default y_tab-action" id="span_wdgc" onclick="yjglOnclick(0)" style="cursor:pointer" >危大工程</span>
|
||
<span class="y_image_default" id="span_cwdgc" onclick="yjglOnclick(1)" style="cursor:pointer">超危大工程</span>
|
||
</div>
|
||
</div>
|
||
<div class="card1-body" style=" padding: .25rem .125rem;">
|
||
<div class="yj-box y_image_default js-hover" data-type="wdgcsj" >
|
||
<div style="padding: .1875rem 0 0 .1875rem;">
|
||
<div class="yj-box_label">审批完成</div>
|
||
<div class="yj-box_number" id="div_spwc"><%=GetCompletedNum() %></div>
|
||
</div>
|
||
<div style="padding: .1875rem .1875rem 0 0;align-items: flex-end;">
|
||
<div class="yj-box_label">培训人次数</div>
|
||
<div class="yj-box_number" id="div_pxrcs"><%=GetTrainPersonNum() %></div>
|
||
</div>
|
||
<div style="justify-content: flex-end;padding: 0 0 .1875rem .1875rem;">
|
||
<div class="yj-box_number" id="div_sggs"><%=GetConstructionNum() %></div>
|
||
<div class="yj-box_label">施工个数</div>
|
||
</div>
|
||
<div style="justify-content: flex-end;padding: 0 .1875rem .1875rem 0;align-items: flex-end;">
|
||
<div class="yj-box_number" id="div_wggs"><%=GetFinishedNum() %></div>
|
||
<div class="yj-box_label">完工个数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
</form>
|
||
</body>
|
||
</html>
|
||
<script src="lib/echarts.min.js"></script>
|
||
<script src="lib/jquery.js"></script>
|
||
<script src="../res/assets/js/jquery.mousewheel.min.js"></script>
|
||
<script>
|
||
$(function () {
|
||
//一般隐患
|
||
zgmap(<%=GetGeneralZgl()%>)
|
||
zgbarmap(0)
|
||
initClick();
|
||
})
|
||
|
||
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 yjClick(objval) {
|
||
console.log(objval)
|
||
if (objval==0) {
|
||
//一般隐患
|
||
$("#ybyh_span").addClass("y_tab-action")
|
||
$("#zdyh_span").removeClass("y_tab-action")
|
||
$("#yhpc_1").html(<%=GetGeneralClosedNum() %>)
|
||
$("#yhpc_2").html(<%=GetGeneralNotClosedNum() %>)
|
||
zgmap(<%=GetGeneralZgl()%>)
|
||
zgbarmap(0)
|
||
|
||
} else if (objval == 1) {
|
||
$("#zdyh_span").addClass("y_tab-action")
|
||
$("#ybyh_span").removeClass("y_tab-action")
|
||
$("#yhpc_1").html(<%=GetMajorClosedNum() %>)
|
||
$("#yhpc_2").html(<%=GetMajorNotClosedNum() %>)
|
||
zgmap(<%=GetMajorZgl()%>)
|
||
zgbarmap(1)
|
||
}
|
||
}
|
||
|
||
function yjglOnclick(objval) {
|
||
if (objval == 0) {
|
||
$("#span_wdgc").addClass("y_tab-action")
|
||
$("#span_cwdgc").removeClass("y_tab-action")
|
||
|
||
$("#div_spwc").html(<%=GetCompletedNum() %>)
|
||
$("#div_pxrcs").html(<%=GetTrainPersonNum() %>)
|
||
$("#div_sggs").html(<%=GetConstructionNum() %>)
|
||
$("#div_wggs").html(<%=GetFinishedNum() %>)
|
||
} else {
|
||
$("#span_cwdgc").addClass("y_tab-action")
|
||
$("#span_wdgc").removeClass("y_tab-action")
|
||
|
||
$("#div_spwc").html(<%=GetSuperCompletedNum() %>)
|
||
$("#div_pxrcs").html(<%=GetSuperTrainPersonNum() %>)
|
||
$("#div_sggs").html(<%=GetSuperConstructionNum() %>)
|
||
$("#div_wggs").html(<%=GetSuperFinishedNum() %>)
|
||
}
|
||
}
|
||
|
||
</script>
|
||
<script>
|
||
// 整改率
|
||
function zgmap(zgl) {
|
||
let value = zgl;
|
||
let AOption1 = {
|
||
series: [
|
||
{
|
||
center: ['50%', '50%'],
|
||
id: '整改率',
|
||
radius: '75%',
|
||
type: 'gauge',
|
||
startAngle: 225,
|
||
endAngle: -45,
|
||
roundCap: false,
|
||
pointer: {
|
||
show: false,
|
||
},
|
||
progress: {
|
||
show: true,
|
||
overlap: false,
|
||
roundCap: false, // 顶端圆角
|
||
clip: false,
|
||
},
|
||
axisLine: {
|
||
roundCap: false,
|
||
lineStyle: {
|
||
width: fontSize(16),
|
||
|
||
color: [[1, '#2A396A']],
|
||
// shadowColor: '#1C466C',
|
||
// shadowBlur: 10,
|
||
}
|
||
},
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{
|
||
offset: 0,
|
||
color: '#01B4FF'
|
||
},
|
||
{
|
||
offset: 1,
|
||
color: '#0336FF'
|
||
}
|
||
]),
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
distance: 0,
|
||
length: fontSize(20)
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
},
|
||
data: [
|
||
{
|
||
value: value,
|
||
name: '整改率',
|
||
title: {
|
||
color: '#63CAFF',
|
||
offsetCenter: ['0%', '110%'],
|
||
fontSize: fontSize(16),
|
||
backgroundColor: '#19509E',
|
||
borderRadius: fontSize(14),
|
||
width: fontSize(80),
|
||
height: fontSize(28),
|
||
lineHeight: fontSize(28)
|
||
},
|
||
detail: {
|
||
valueAnimation: true,
|
||
offsetCenter: ['0%', '0%'],
|
||
}
|
||
}
|
||
],
|
||
detail: {
|
||
offsetCenter: ['0%', '120%'],
|
||
fontSize: fontSize(36),
|
||
color: '#01ACFF',
|
||
fontWight: 400,
|
||
formatter: '{value}{a|%}',
|
||
rich: {
|
||
a: {
|
||
fontSize: fontSize(14),
|
||
color: '#01ACFF'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
};
|
||
var aPassChart = echarts.init(document.getElementById('zgmap'));
|
||
aPassChart.setOption(AOption1);
|
||
}
|
||
|
||
|
||
// 整改柱状图
|
||
function zgbarmap(objtype) {
|
||
//全部
|
||
let value = "";
|
||
//待整改
|
||
let value1 = "";
|
||
|
||
let label = [<%=yhXmmc%>];
|
||
if (objtype == 0) {
|
||
value = [<%=allYhYb%>];
|
||
value1 = [<%=dzgYhYb%>];
|
||
} else {
|
||
value = [<%=allYhZd%>];
|
||
value1 = [<%=dzgYhZd%>];
|
||
}
|
||
|
||
let opt = {
|
||
legend: {
|
||
top: fontSize(10),
|
||
left: 'center',
|
||
data: [{ name: '全部', textStyle: { color: '#2F69D6' } }, { name: '待整改', textStyle: { color: '#FFA602' } }]
|
||
},
|
||
grid: {
|
||
top: fontSize(60),
|
||
bottom: fontSize(40)
|
||
},
|
||
dataZoom: [
|
||
{
|
||
type: 'slider',
|
||
// start: 0,
|
||
// end: 60
|
||
maxValueSpan: 6,
|
||
show: true,
|
||
xAxisIndex: [0],
|
||
bottom: 25, height: 10,
|
||
backgroundColor: 'rgba(0,0,0,0)',
|
||
borderColor: 'none',
|
||
brushSelect: false,
|
||
textStyle: {
|
||
color: 'rgba(0,0,0,0)'
|
||
},
|
||
selectedDataBackground: {
|
||
areaStyle: {
|
||
color: 'red',
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
handleStyle: { // 缩放手柄的样式
|
||
color: "#0a1449"
|
||
},
|
||
moveHandleStyle: {
|
||
color: '#0a1449'
|
||
}
|
||
}
|
||
],
|
||
xAxis: {
|
||
offset: 15
|
||
, type: 'category',
|
||
data: label,
|
||
axisTick: {
|
||
// 轴刻度
|
||
show: false,
|
||
},
|
||
axisLabel: {
|
||
bottom: 0,
|
||
// 轴文字
|
||
show: true,
|
||
color: "#02AAE8",
|
||
fontSize: 12,
|
||
margin: 20
|
||
},
|
||
axisLine: {
|
||
// 轴线
|
||
show: true,
|
||
lineStyle: {
|
||
color: '#2E87AC',
|
||
}
|
||
|
||
},
|
||
axisLabel: {
|
||
interval: 0, // 坐标轴刻度标签的显示间隔
|
||
rotate: -10 // 标签倾斜的角度
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLabel: {
|
||
color: '#3FB0FF'
|
||
},
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: '#1B538B',
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '全部',
|
||
data: value,
|
||
type: 'bar',
|
||
barWidth: fontSize(20),
|
||
itemStyle: {
|
||
color: '#3A7EF9'
|
||
},
|
||
label: {
|
||
// 柱图头部显示值
|
||
show: true,
|
||
position: "top",
|
||
color: "#ffffff",
|
||
fontSize: fontSize(10),
|
||
formatter: (params) => {
|
||
return params.value[params.encode.x[0]];
|
||
},
|
||
},
|
||
},
|
||
{
|
||
name: '待整改',
|
||
data: value1,
|
||
type: 'bar',
|
||
barWidth: fontSize(20),
|
||
itemStyle: {
|
||
color: '#FFA602'
|
||
},
|
||
label: {
|
||
// 柱图头部显示值
|
||
show: true,
|
||
position: "top",
|
||
color: "#ffffff",
|
||
fontSize: fontSize(10),
|
||
formatter: (params) => {
|
||
return params.value[params.encode.x[0]];
|
||
},
|
||
},
|
||
}
|
||
]
|
||
};
|
||
var aPassChart = echarts.init(document.getElementById('zgbarmap'));
|
||
aPassChart.setOption(opt);
|
||
}
|
||
|
||
|
||
// 安全监督检查数据
|
||
jcsjmap()
|
||
function jcsjmap() {
|
||
let Opt = {
|
||
series: [{
|
||
type: 'radar',
|
||
lineStyle: {
|
||
width: 1,
|
||
color: '#707070'
|
||
},
|
||
symbol: 'none',
|
||
areaStyle: {
|
||
color: '#0C6BA0'
|
||
},
|
||
data: [
|
||
{
|
||
value: [<%=GetCompanyLeadShiftCheckNum()%>,
|
||
<%=GetCompanyComprehensiveCheckNum()%>,
|
||
<%=GetCompanySpecialCheckNum()%>,
|
||
<%=GetProjectLeadShiftCheckNum()%>,
|
||
<%=GetProjectSpecialCheckNum()%>,
|
||
<%=GetProjectMajorCheckNum()%>],
|
||
}
|
||
]
|
||
}],
|
||
radar: [
|
||
{
|
||
indicator: [
|
||
{ text: '企业负责人带班检查次数', value: <%=GetCompanyLeadShiftCheckNum()%> },
|
||
{ text: '企业综合检查次数', value: <%=GetCompanyComprehensiveCheckNum()%> },
|
||
{ text: '企业专项检查次数', value: <%=GetCompanySpecialCheckNum()%> },
|
||
{ text: '项目负责人带班检查次数', value: <%=GetProjectLeadShiftCheckNum()%>, },
|
||
{ text: '项目专项检查次数', value: <%=GetProjectSpecialCheckNum()%> },
|
||
{ text: '项目专业检查次数', value: <%=GetProjectMajorCheckNum()%> },
|
||
],
|
||
splitNumber: 4,
|
||
center: ['50%', '50%'],//调整雷达图的位置
|
||
radius: fontSize(60),//半径，可放大放小雷达图
|
||
axisLine: {//坐标轴线相关设置
|
||
show: false,
|
||
lineStyle: {
|
||
color: '#71bedd'
|
||
}
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
lineStyle: {
|
||
width: 1,
|
||
color: '#71bedd' // 图表背景网格线的颜色
|
||
}
|
||
},
|
||
splitArea: {
|
||
show: true,
|
||
|
||
areaStyle: {
|
||
color: ['#454D6C', '#303A62', '#1D2756', '#111D51']
|
||
}
|
||
},
|
||
name: {
|
||
textStyle: {
|
||
color: '#63CAFF'
|
||
},
|
||
fontSize: fontSize(12),
|
||
formatter: (a, b) => {
|
||
// return `${a.slice(0, 4)}\n${a.slice(4)}\n{b|${b.value}}`
|
||
return `${a.slice(0, 4)}\n${a.slice(4)}`
|
||
},
|
||
|
||
rich: {
|
||
b: {
|
||
color: '#ffffff'
|
||
}
|
||
}
|
||
}
|
||
},
|
||
],
|
||
};
|
||
var aPassChart = echarts.init(document.getElementById('jcsjmap'));
|
||
aPassChart.setOption(Opt);
|
||
}
|
||
|
||
// 事故事件数据
|
||
sjmap()
|
||
function sjmap() {
|
||
let data = [
|
||
{ value: <%=GetSpecialSeriousAccidentNum()%>, name: '特别重大事故', label: { color: '#FF7473' }, itemStyle: { color: '#FF7473' }, labelLine: { lineStyle: { color: '#FF7473' } } },
|
||
{ value:<%=GetGeneralAccidentNum()%>, name: '一般事故', label: { color: '#5C5AFF' }, itemStyle: { color: '#5C5AFF' }, labelLine: { lineStyle: { color: '#5C5AFF' } } },
|
||
{ value:<%=GetSeriousAccidentNum()%>, name: '重大事故', label: { color: '#FFA502' }, itemStyle: { color: '#FFA502' }, labelLine: { lineStyle: { color: '#FFA502' } } },
|
||
{ value: <%=GetMajorAccidentNum()%>, name: '较大事故', label: { color: '#E7EA2E' }, itemStyle: { color: '#E7EA2E' }, labelLine: { lineStyle: { color: '#E7EA2E' } } },
|
||
]
|
||
|
||
let opt = {
|
||
tooltip: {
|
||
formatter: function (c, h) {
|
||
return `<p>${c.name} <span style="margin-left:20px;">${c.value}</span> </p>`
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
type: 'pie',
|
||
radius: ['30%', '60%'],
|
||
center: ['50%', '50%'],
|
||
label: {
|
||
show: true,
|
||
formatter: '{b}\n{c}'
|
||
},
|
||
data: data.sort(function (a, b) {
|
||
return a.value - b.value;
|
||
}),
|
||
itemStyle: {
|
||
normal: {
|
||
labelLine: {
|
||
length: fontSize(6)
|
||
}
|
||
}
|
||
},
|
||
roseType: 'radius',
|
||
|
||
animationType: 'scale',
|
||
animationEasing: 'elasticOut',
|
||
animationDelay: function (idx) {
|
||
return Math.random() * 200;
|
||
}
|
||
}
|
||
]
|
||
};
|
||
var aPassChart = echarts.init(document.getElementById('sjmap'));
|
||
aPassChart.setOption(opt);
|
||
}
|
||
|
||
// 安全数据分析
|
||
sjfxmap()
|
||
function sjfxmap() {
|
||
let opt = {
|
||
series: [
|
||
|
||
{
|
||
name: ' ',
|
||
type: 'pie',
|
||
radius: ['45%', '60%'],
|
||
labelLine: {
|
||
length: fontSize(10),
|
||
lineStyle:{
|
||
color: '#FFFFFF'
|
||
},
|
||
smooth: true,
|
||
minTurnAngle:0,
|
||
maxSurfaceAngle :0
|
||
},
|
||
label: {
|
||
color:'#63CAFF',
|
||
fontSize:fontSize(12)
|
||
},
|
||
data: [
|
||
{ value: <%=GetGeneralRiskNum()%>, name: '高风险' },
|
||
{ value: <%=GetMediumRiskNum()%>, name: '中风险' },
|
||
{ value: <%=GetLowRiskNum()%>, name: '低风险' },
|
||
{ value: <%=GetHighRiskNum()%>, name: '一般风险' },
|
||
]
|
||
}
|
||
]
|
||
};
|
||
var aPassChart = echarts.init(document.getElementById('sjfxmap'));
|
||
aPassChart.setOption(opt);
|
||
}
|
||
|
||
|
||
|
||
</script>
|