SGGL_JT/SUBQHSE/FineUIPro.Web/common/main2024.aspx

329 lines
19 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="main2024.aspx.cs" Inherits="FineUIPro.Web.common.main2024" Async="true" %>
<!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>QHSE管理数字化平台</title>
<script src="../res/lib/flex.js"></script>
<script src="../res/assets/js/swiper-bundle.min.js"></script>
<script src="../res/assets/js/jquery-3.7.1.min.js"></script>
<link href="../res/css/2024index.css?v5" rel="stylesheet" />
<link href="../res/indexv2/assets/css/swiper-bundle.min.css" rel="stylesheet" />
</head>
<style>
body.f-body{
padding: 0;
}
#form1 {
height: 100%;
}
#form1 .MoreBtn {
border: none;
background-color: #ffffff;
padding: 0;
}
#form1 .MoreBtn>.f-btn-inner{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#form1 .SetBtn {
border: none;
background-color: #ffffff;
padding: 0;
}
#form1 .SetBtn>.f-btn-inner>.f-btn-icon{
height: .5rem;
width: .5rem;
}
#form1 .SetBtn>.f-btn-inner>.f-btn-text{
color: #333333;
font-size: .175rem;
margin-top: .125rem;
}
</style>
<body>
<form id="form1" runat="server">
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server"></f:PageManager>
<div class="wrap">
<div class="main">
<div class="side1">
<div class="site1">
<div class="box1" style="height: 3.125rem;">
<div class="swiper">
<div class="swiper-wrapper">
<%--<div class="swiper-slide" >
<img src="../res/images/alipay_100.jpg" />
</div>
<div class="swiper-slide">
<img src="../res/images/blank_150.png" />
</div>--%>
<%=NewsImgUrlString %>
</div>
</div>
<div class="img-lab">照片名称</div>
</div>
</div>
<div class="site1">
<div class="box1" style="height: 2.75rem;">
<div class="tit1">
<span>规章制度</span>
<div>
<f:Button ID="GZMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" EnableAjax="False" OnClick="GZMoreBtn_OnClick" runat="server" />
</div>
</div>
<div class="content1 gzzd">
<%=SafeLawString %>
</div>
</div>
</div>
<div class="site1">
<div class="box1" style="height: 2.75rem;">
<div class="tit1">
<span>通知公告</span>
<div>
<f:Button ID="TZMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" runat="server" EnableAjax="False" OnClick="TZMoreBtn_OnClick" />
</div>
</div>
<div class="content1 tzgg">
<%=NoticeString %>
</div>
</div>
</div>
</div>
<div class="side2">
<div class="site1">
<div class="box1" style="height: 3rem;">
<div class="tit1">
<span>新闻中心</span>
<div>
<f:Button ID="NEWSMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" runat="server" EnableAjax="False" OnClick="NEWSMoreBtn_OnClick" />
</div>
</div>
<div class="content1 news">
<%=NewsString %>
</div>
</div>
</div>
<!-- 安全标准化 -->
<div class="site1">
<div class="box1" style="height: 1.75rem;">
<div class="tit1">
<span>安全标准化</span>
<div>
<f:Button ID="AQBZKMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" runat="server" EnableAjax="False" OnClick="AQBZKMoreBtn_OnClick" />
</div>
</div>
<div class="content1 aqbzh">
<%=HSseStandardString %>
</div>
</div>
</div>
<!-- 风险预警 -->
<div class="site1">
<div class="box1" style="height: 1.75rem;">
<div class="tit1">
<span>风险预警</span>
<div>
<f:Button ID="FXYJMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" runat="server" EnableAjax="False" OnClick="FXYJMoreBtn_OnClick" />
</div>
</div>
<div class="content1 fxyj1">
<%=ConstructionRiskString %>
</div>
</div>
</div>
<!-- 事故事件 -->
<div class="site1">
<div class="box1" style="height: 1.75rem;">
<div class="tit1">
<span>事故事件</span>
<div>
<f:Button ID="SGSJMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" runat="server" />
</div>
</div>
<div class="content1 sgsj">
</div>
</div>
</div>
</div>
<div class="side3">
<div class="site">
<div class="box" style="height: 1rem;">
<div class="user-box">
<p><%=UserName %></p>
</div>
</div>
</div>
<div class="site">
<div class="box" style="height: 2rem;">
<div class="tit">管理层</div>
<div class="content">
<div class="panel">
<div class="mod1">
<%--<div class="mod1-icon dcdb"></div>
<div class="mod1-val">督查督办</div>--%>
<f:Button ID="BtnDCDB" IconUrl="~/res/image/01.png" IconAlign="Top" CssClass="SetBtn" Text="督查督办" runat="server" />
</div>
<div class="mod1">
<f:Button ID="BtnFXYJ" IconUrl="~/res/image/02.png" IconAlign="Top" CssClass="SetBtn" Text="风险预警" runat="server" EnableAjax="False" OnClick="BtnFXYJ_OnClick" />
</div>
<div class="mod1">
<f:Button ID="BtnSJKB" IconUrl="~/res/image/03.png" IconAlign="Top" CssClass="SetBtn" Text="数据看板" EnableAjax="False" OnClick="BtnSJKB_Click" runat="server" />
</div>
<div class="mod1">
<f:Button ID="BtnBBZX" IconUrl="~/res/image/04.png" IconAlign="Top" CssClass="SetBtn" Text="报表中心" runat="server" EnableAjax="False" OnClick="BtnBBZX_OnClick" />
</div>
<div class="mod1">
<f:Button ID="BtnSNXD" IconUrl="~/res/image/05.png" IconAlign="Top" CssClass="SetBtn" Text="三年行动" runat="server" EnableAjax="False" OnClick="BtnSNXD_OnClick"/>
</div>
</div>
</div>
</div>
</div>
<div class="site">
<div class="box" style="height:6.0625rem">
<div class="tit">业务层</div>
<div class="box-main">
<div class="navs">
<div class="nav nav-active">安全管理</div>
<div class="nav">职业健康</div>
<div class="nav">环境保护</div>
<%--<div class="nav">节能减排</div>--%>
<div class="nav">质量管理</div>
</div>
<div class="nav-panel panel-active">
<div class="mod">
<f:Button ID="RYGLBtn" IconUrl="~/res/image/06.png" IconAlign="Top" CssClass="SetBtn" Text="人员管理" runat="server" AttributeDataTag="ProjectPerson" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="JYPXBtn" IconUrl="~/res/image/07.png" IconAlign="Top" CssClass="SetBtn" Text="教育培训" runat="server" AttributeDataTag="EduTrain" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="WDGCBtn" IconUrl="~/res/image/08.png" IconAlign="Top" CssClass="SetBtn" Text="危大工程" runat="server" AttributeDataTag="LargeEngineering" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="FXGKBtn" IconUrl="~/res/image/09.png" IconAlign="Top" CssClass="SetBtn" Text="风险管控" runat="server" AttributeDataTag="SecurityRisk" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="YHPCBtn" IconUrl="~/res/image/10.png" IconAlign="Top" CssClass="SetBtn" Text="隐患排查" runat="server" AttributeDataTag="HiddenRectification" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="ZYXKBtn" IconUrl="~/res/image/11.png" IconAlign="Top" CssClass="SetBtn" Text="作业许可" runat="server" AttributeDataTag="License" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="AQHYBtn" IconUrl="~/res/image/12.png" IconAlign="Top" CssClass="SetBtn" Text="安全会议" runat="server" AttributeDataTag="Meeting" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="AQFYBtn" IconUrl="~/res/image/13.png" IconAlign="Top" CssClass="SetBtn" Text="安全费用" runat="server" AttributeDataTag="SecurityCost" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="YJGLBtn" IconUrl="~/res/image/14.png" IconAlign="Top" CssClass="SetBtn" Text="应急管理" runat="server" AttributeDataTag="Emergency" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<%-- <div class="panel-more">
<f:Button ID="YWCMoreBtn" Text="更多" IconFont="AngleDoubleRight" IconAlign="Right" CssClass="MoreBtn" runat="server" />
</div>--%>
</div>
<div class="nav-panel ">
<div class="mod">
<f:Button ID="Button1" IconUrl="~/res/image/06.png" IconAlign="Top" CssClass="SetBtn" Text="危害检测" runat="server" AttributeDataTag="HazardDetection" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button2" IconUrl="~/res/image/15.png" IconAlign="Top" CssClass="SetBtn" Text="体检管理" runat="server" AttributeDataTag="PhysicalExamination" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button3" IconUrl="~/res/image/16.png" IconAlign="Top" CssClass="SetBtn" Text="职业病" runat="server" AttributeDataTag="OccupationalDiseaseAccident" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
</div>
<div class="nav-panel ">
<div class="mod">
<f:Button ID="Button4" IconUrl="~/res/image/17.png" IconAlign="Top" CssClass="SetBtn" Text="环保数据" runat="server" AttributeDataTag="Environmental" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
</div>
<%-- <div class="nav-panel ">
</div>--%>
<div class="nav-panel ">
<div class="mod">
<f:Button ID="Button5" IconUrl="~/res/image/18.png" IconAlign="Top" CssClass="SetBtn" Text="工程划分" runat="server" AttributeDataTag="ProjectDivision" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button6" IconUrl="~/res/image/19.png" IconAlign="Top" CssClass="SetBtn" Text="质量验收" runat="server" AttributeDataTag="QualityAcceptance" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button7" IconUrl="~/res/image/20.png" IconAlign="Top" CssClass="SetBtn" Text="质量控制点" runat="server" AttributeDataTag="QualityControlPoint" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button8" IconUrl="~/res/image/21.png" IconAlign="Top" CssClass="SetBtn" Text="计量器具" runat="server" AttributeDataTag="QualityInstruments" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button9" IconUrl="~/res/image/06.png" IconAlign="Top" CssClass="SetBtn" Text="质量人员" runat="server" AttributeDataTag="QualityPerson" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button10" IconUrl="~/res/image/22.png" IconAlign="Top" CssClass="SetBtn" Text="质量问题" runat="server" AttributeDataTag="QualityProblem" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
<div class="mod">
<f:Button ID="Button11" IconUrl="~/res/image/23.png" IconAlign="Top" CssClass="SetBtn" Text="质量培训" runat="server" AttributeDataTag="QualityTraining" EnableAjax="False" OnClick="btnMenuSwitchMethod_Click"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="links">
<a href="#" class="link-act">常用链接</a>
<a href="#">应急管理部</a>
</div>
</div>
</div>
</form>
</body>
</html>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper', {
autoplay: true,
})
$('.navs .nav').click(function () {
$(this).addClass('nav-active').siblings().removeClass('nav-active')
console.log($(this).index(), $('.nav-panel'))
$('.nav-panel').removeClass('panel-active').eq($(this).index()).addClass('panel-active')
})
setInterval(function () {
$('.news>.news-li').eq(0).remove().appendTo('.news')
$('.fxyj1>.news-li').eq(0).remove().appendTo('.fxyj1')
$('.sgsj>.news-li').eq(0).remove().appendTo('.sgsj')
$('.aqbzh>.news-li').eq(0).remove().appendTo('.aqbzh')
$('.gzzd>.news-li').eq(0).remove().appendTo('.gzzd')
$('.tzgg>.news-li').eq(0).remove().appendTo('.tzgg')
}, 3000)
})
</script>