991 lines
		
	
	
		
			50 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
			
		
		
	
	
			991 lines
		
	
	
		
			50 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><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Title%>"/></title>
 | |
|     <script src="lib/flex.js"></script>
 | |
|     <link rel="stylesheet" href="css/safetyproduction.css"/>
 | |
|     <link rel="stylesheet" href="../res/assets/css/xfk.css"/>
 | |
|     <script src="~/res/js/crypto-js.min.js"></script>
 | |
| </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"><asp:Literal runat="server" Text="<%$ Resources:Lan,Safety_supervision_personnel_data%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new1_ManagerData_CompanyPersonNum_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_Director%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_FullTime%>"/></div>
 | |
|                                     </div>
 | |
|                                 </div>
 | |
|                             </div>
 | |
|                             <div class="y_rs_item y_column js-hover" data-type="Branch">
 | |
|                                 <div class="y_rs_item_label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Branch_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_Director%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_FullTime%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_Director%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_FullTime%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_Participants%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyInjectionEngineer_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyInjectionEngineer_Total%>"/></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 js-hover" style="width: 100%;" data-type="ProjectNum">
 | |
|                                 <div class="y_rs_item_label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_Director%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_FullTime%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectNum_OnDuty%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyMeetingData_Label%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_CompanySafetyCommittee%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_CompanySpecialTopic%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectSafetyLeadershipGroup%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ProjectSafetyMeeting%>"/></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;"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_BeUnderConstructionNum_Label%>"/></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;"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ShutdownNum_Label%>"/></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;"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_MajorProjectsUnderConstructionNum_Label%>"/></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" style="width: 4.55rem;">
 | |
|                         <div class="y_top_box_label" style="color: #00FFFF;"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_WorkingHourData_Label%>"/></div>
 | |
|                         <div class="y_top_box_value" style="color: #00FFFF;" runat="server" id="div_safeworktime">0</div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|                 <div class="y_video js-hover" data-type="Video">
 | |
|                     <div class="video" style="padding-right: .125rem;padding-bottom: .125rem;">
 | |
|                         <div class="videos">
 | |
|                             <div class="video_title"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_Title%>"/></div>
 | |
|                             <img src="./imags/16.png"></img>
 | |
|                             <div class="video_value"><span><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_RealTimeVideo%>"/></span><span></span></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="video" style="padding-left: .125rem;padding-bottom: .125rem;">
 | |
|                         <div class="videos">
 | |
|                             <div class="video_title"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_Title%>"/></div>
 | |
|                             <img src="./imags/16.png"></img>
 | |
|                             <div class="video_value"><span><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_RealTimeVideo%>"/></span><span></span></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="video" style="padding-right: .125rem;padding-top: .125rem;">
 | |
|                         <div class="videos">
 | |
|                             <div class="video_title"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_Title%>"/></div>
 | |
|                             <img src="./imags/16.png"></img>
 | |
|                             <div class="video_value"><span><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_RealTimeVideo%>"/></span><span></span></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="video" style="padding-left: .125rem;padding-top: .125rem;">
 | |
|                         <div class="videos">
 | |
|                             <div class="video_title"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_Title%>"/></div>
 | |
|                             <img src="./imags/16.png"></img>
 | |
|                             <div class="video_value"><span><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_Video_RealTimeVideo%>"/></span><span></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafeCost_Label%>"/></div>
 | |
|                         <div class="item_card y_column">
 | |
|                             <div class="item_card-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafeCost_Extraction%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafeCost_Usage%>"/></div>
 | |
|                             <div class="item_card-value"><%=GetCostUse() %></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="item js-hover" data-type="ConstructionEquipment">
 | |
|                         <div class="item-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ConstructionEquipment_Label%>"/></div>
 | |
|                         <div class="item_card y_column">
 | |
|                             <div class="item_card-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ConstructionEquipment_InUse%>"/></div>
 | |
|                             <div class="item_card-value"><%=GetUseEquipmentNum() %></div>
 | |
|                         </div>
 | |
|                         <div class="item_card y_column">
 | |
|                             <div class="item_card-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_ConstructionEquipment_SpecialEquipment%>"/></div>
 | |
|                             <div class="item_card-value"><%=GetSpecialEquipmentNum() %></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="item js-hover" data-type="HighRiskWorkPermit">
 | |
|                         <div class="item-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_HighRiskWorkPermit_Label%>"/></div>
 | |
|                         <div class="item_card y_column">
 | |
|                             <div class="item_card-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_HighRiskWorkPermit_Items%>"/></div>
 | |
|                             <div class="item_card-value" ><%=GetLicensesNum() %></div>
 | |
|                         </div>
 | |
|                         <div class="item_card y_column">
 | |
|                             <div class="item_card-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_HighRiskWorkPermit_ClosedItems%>"/></div>
 | |
|                             <div class="item_card-value" style="color: #999999;" ><%=GetLicensesCloseNum() %></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|                 <div class="y_box js-hover" style="width: 6rem;height: 5.0875rem;">
 | |
|                     <div class="y_box_label y_image_default tab-wrap"><asp:Literal runat="server" Text="<%$ Resources:Lan,HiddenData%>"/>
 | |
|                         <div class="y_tabs y_row">
 | |
|                             <span class="y_image_default y_tab-action active" data-type="yb"    style="cursor:pointer" onclick="yjClick(0)" id="ybyh_span"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_HiddenHazardInspectionData_GeneralHiddenHazard%>"/></span>
 | |
|                             <span class="y_image_default" data-type="zd"   style="cursor:pointer" onclick="yjClick(1)" id="zdyh_span"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_HiddenHazardInspectionData_MajorHiddenHazard%>"/></span>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="y_box_main"  data-type="yhpc" >
 | |
|                         <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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new1_NCRData_NcrZgbhx_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new1_NCRData_NcrwZgbhx_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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetySupervisionAndInspectionData_Label%>"/></div>
 | |
|                 <div class="card1-body" id="jcsjmap"></div>
 | |
|             </div>
 | |
|             <div class="card1 js-hover" data-type="AccidentEventData">
 | |
|                 <div class="card1_title y_image_default"><asp:Literal runat="server" Text="<%$ Resources:Lan,Accident_event_data%>"/>
 | |
|                    <%-- <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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_AccidentEventData_NearMiss%>"/></div>
 | |
|                             <div class="sj-item-number"><%=GetNearMissNum() %></div>
 | |
|                         </div>
 | |
|                         <div class="sj-box_item y_row">
 | |
|                             <div class="sj-item_label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_AccidentEventData_RecordableEvent%>"/></div>
 | |
|                             <div class="sj-item-number"><%=GetRecordableEventNum() %></div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                     <div class="sjmap" id="sjmap"></div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="card1 js-hover" data-type="yjglsj">
 | |
|                 <div class="card1_title y_image_default"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_Label%>"/></div>
 | |
|                 <div class="card1-body yj-body y_image_default">
 | |
|                     <div class="y_column">
 | |
|                         <div class="yj-number"><%=GetCompanyComprehensivePlanNum() %></div>
 | |
|                         <div class="yj-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_EmergencyManagementData_ComprehensivePlan%>"/></div>
 | |
|                     </div>
 | |
|                     <div class="y_column">
 | |
|                         <div class="yj-number"><%=GetCompanySpecialPlanNum() %></div>
 | |
|                         <div class="yj-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_EmergencyManagementData_SpecialPlan%>"/></div>
 | |
|                     </div>
 | |
|                     <div class="y_column">
 | |
|                         <div class="yj-number"><%=GetCompanyOnSiteDisposalPlan() %></div>
 | |
|                         <div class="yj-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_EmergencyManagementData_OnSiteDisposalPlan%>"/></div>
 | |
|                     </div>
 | |
|                     <div class="y_column">
 | |
|                         <div class="yj-number"><%=GetCompanyDrillNum() %></div>
 | |
|                         <div class="yj-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_EmergencyManagementData_DrillNum%>"/></div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="card1 js-hover" data-type="SafeTrainData">
 | |
|                 <div class="card1_title y_image_default"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyTrainingData_Label%>"/></div>
 | |
|                 <div class="card1-body y_column aqjy " >
 | |
|                     <div class="y_column">
 | |
|                         <div class="aqjy-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyTrainingData_LevelThreeTraining%>"/></div>
 | |
|                         <div class="aqjy-value"><%=GetSafeTrainNum() %></div>
 | |
|                     </div>
 | |
|                     <div class="y_column">
 | |
|                         <div class="aqjy-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyTrainingData_SpecialTraining%>"/></div>
 | |
|                         <div class="aqjy-value"><%=GetSpecialTrainNum() %></div>
 | |
|                     </div>
 | |
|                     <div class="y_column">
 | |
|                         <div class="aqjy-label"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_SafetyTrainingData_SpecialOperationTraining%>"/></div>
 | |
|                         <div class="aqjy-value"><%=GetSpecialOperationTrainNum() %></div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="card1 js-hover" data-type="SafeRiskData">
 | |
|                 <div class="card1_title y_image_default"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_RiskAnalysisData_Label%>"/></div>
 | |
|                 <div class="card1-body" id="sjfxmap"></div>
 | |
|             </div>
 | |
|             <div class="card1 js-hover" data-type="wdgcsj">
 | |
|                 <div class="card1_title y_image_default"><asp:Literal runat="server" Text="<%$ Resources:Lan,Emergency_management_data%>"/>
 | |
|                     <div class="y_tabs y_row ">
 | |
|                         <span class="y_image_default y_tab-action" id="span_wdgc" onclick="yjglOnclick(0)" style="cursor:pointer" ><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_LargeEngineering%>"/></span>
 | |
|                         <span class="y_image_default" id="span_cwdgc" onclick="yjglOnclick(1)" style="cursor:pointer"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_SuperLargeEngineering%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_CompletedItems%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_TrainingPersonNum%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_ConstructionNum%>"/></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"><asp:Literal runat="server" Text="<%$ Resources:Lan,main_new0_LargeEngineeringData_FinishedNum%>"/></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)
 | |
|         console.log(tabType)
 | |
|         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 == 'Video') {
 | |
|             var videoURL = '<%=VideoURL %>'
 | |
|             var username = 'admin'
 | |
|             var password = '<%=PassWord %>';
 | |
|             var sign = CryptoJS.AES.encrypt(username + "$" + password + "$" + Date.now(), "nbd").toString();
 | |
|             sign = encodeURIComponent(sign);
 | |
|             window.open(videoURL + "login.html?sign=" + sign, '_blank'); 
 | |
| 
 | |
|         }
 | |
|         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' ) {
 | |
|             $('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: '<%=main_new_rectificationRate%>',
 | |
|                     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: '<%=main_new_rectificationRate%>',
 | |
|                             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: '<%=All%>', textStyle: { color: '#2F69D6' } }, { name: '<%=To_be_rectified%>', textStyle: { color: '#FFA602' } }]
 | |
|             },
 | |
|             grid: {
 | |
|                 top: fontSize(60)
 | |
|             },
 | |
|             dataZoom: [
 | |
|                 {
 | |
|                     type: 'slider',
 | |
|                     // start: 0,
 | |
|                     // end: 60
 | |
|                     maxValueSpan: 6,
 | |
|                     show: true,
 | |
|                     xAxisIndex: [0],
 | |
|                     bottom: 0, 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: -15        // 标签倾斜的角度
 | |
|                 }
 | |
|             },
 | |
|             yAxis: {
 | |
|                 type: 'value',
 | |
|                 axisLabel: {
 | |
|                     color: '#3FB0FF'
 | |
|                 },
 | |
|                 splitLine: {
 | |
|                     show: true,
 | |
|                     lineStyle: {
 | |
|                         color: '#1B538B',
 | |
|                         type: 'dashed'
 | |
|                     }
 | |
|                 }
 | |
|             },
 | |
|             series: [
 | |
|                 {
 | |
|                     name: '<%=All%>',
 | |
|                     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: '<%=To_be_rectified%>',
 | |
|                     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: '<%=Particularly_serious_accident%>', label: { color: '#FF7473' }, itemStyle: { color: '#FF7473' }, labelLine: { lineStyle: { color: '#FF7473' } } },
 | |
|             { value:<%=GetGeneralAccidentNum()%>, name: '<%=General_accident%>', label: { color: '#5C5AFF' }, itemStyle: { color: '#5C5AFF' }, labelLine: { lineStyle: { color: '#5C5AFF' } } },
 | |
|             { value:<%=GetSeriousAccidentNum()%>, name: '<%=Major_accident%>', label: { color: '#FFA502' }, itemStyle: { color: '#FFA502' }, labelLine: { lineStyle: { color: '#FFA502' } } },
 | |
|             { value: <%=GetMajorAccidentNum()%>, name: '<%=Relatively_major_accident%>', 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: '<%=High_risk%>' },
 | |
|                         { value: <%=GetMediumRiskNum()%>, name: '<%=Medium_risk%>' },
 | |
|                         { value: <%=GetLowRiskNum()%>, name: '<%=LowRisk%>' },
 | |
|                         { value: <%=GetHighRiskNum()%>, name: '<%=GeneralRisk%>' },
 | |
|                     ]
 | |
|                 }
 | |
|             ]
 | |
|         };
 | |
|         var aPassChart = echarts.init(document.getElementById('sjfxmap'));
 | |
|     aPassChart.setOption(opt);
 | |
|     }
 | |
| 
 | |
|  
 | |
| 
 | |
| </script>
 |