811 lines
36 KiB
Plaintext
811 lines
36 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"/>
|
||
</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">
|
||
<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">
|
||
<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" style="width: 3.75rem;">
|
||
<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" style="width: 1.625rem;">
|
||
<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" 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" style="height: 2.975rem;margin-top: .25rem;">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">隐患排查治理数据
|
||
<div class="y_tabs y_row">
|
||
<span class="y_image_default y_tab-action" style="cursor:pointer" onclick="yjClick(0)" id="ybyh_span">一般隐患</span>
|
||
<span class="y_image_default" style="cursor:pointer" onclick="yjClick(1)" id="zdyh_span">重大隐患</span>
|
||
</div>
|
||
</div>
|
||
<div class="y_box_main">
|
||
<div class="pc_box y_row" 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 ">
|
||
<div class="card1_title y_image_default">安全监督检查数据</div>
|
||
<div class="card1-body" id="jcsjmap"></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">企业级</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">
|
||
<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">
|
||
<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">
|
||
<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>
|
||
</form>
|
||
</body>
|
||
</html>
|
||
<script src="lib/echarts.min.js"></script>
|
||
<script src="lib/jquery.js"></script>
|
||
<script>
|
||
$(function () {
|
||
//一般隐患
|
||
zgmap(<%=GetGeneralZgl()%>)
|
||
zgbarmap(0)
|
||
})
|
||
|
||
|
||
//点击隐患排查治理数据
|
||
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>
|