gaofei
/
SGGL_HBAZ
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
SGGL_HBAZ/SGGL/FineUIPro.Web/common/mainProject.aspx

1067 lines
46 KiB
Plaintext
Raw Normal View History

初始化仓库
2025-02-12 09:27:47 +08:00
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainProject.aspx.cs" Inherits="FineUIPro.Web.common.mainProject" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=scale,maximum-scale=scale,minimum-scale=scale,user-scalable=no" />
<title>首页</title>
<link rel="stylesheet" href="../res/indexv2/assets/iconfont/iconfont.css" />
<link href="../res/indexv2/assets/css/video-7.15.0.min.css" rel="stylesheet" />
<link href="../res/indexv2/assets/css/swiper.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../res/css/base.css">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<link rel="stylesheet" href="../res/css/projectIndex.css?v3">
初始化仓库
2025-02-12 09:27:47 +08:00
<script src="../res/lib/flex.js"></script>
<style type="text/css">
.sd-body2 .sd-section .sd-section7-inner .sd-labor-echart .sd-labor-echart-box {
height: 1.4rem
}
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
input[type="date"] {
background-color: rgba(0,0,0,0);
color: #ffffff;
修改样式
2025-04-07 09:02:21 +08:00
font-size: .175rem;
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
}
input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(1);
}
初始化仓库
2025-02-12 09:27:47 +08:00
html, body, .wrap {
height: calc(100% - 1.5rem);
}
.video_content {
position: relative;
height: 100%;
overflow: hidden;
box-sizing: border-box
}
.video_content .bottom {
position: absolute;
left: .25rem;
right: .25rem;
bottom: 0;
padding: 6px 2px;
color: #fff;
background-color: rgba(0,0,0,.6);
}
.video_content .bottom_info {
display: flex;
justify-content: space-between;
box-sizing: border-box;
}
#more {
border-bottom: 1px solid;
cursor: pointer;
margin-left: 0.1rem;
}
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title .sd-quality-value {
min-width: 0.2rem
}
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title {
width: 0.8rem
}
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-info {
color: #fff;
}
.sd-body2 .sd-body2-left .sd-section, .sd-body2 .sd-body2-right .sd-section {
height: 1.4rem;
}
.sd-body2 .sd-section .sd-section2-inner {
padding: 0.14896rem 0.15625rem 0;
}
.sd-body2 .sd-body2-left .sd-section, .sd-body2 .sd-body2-right .sd-section {
height: 1.4rem
}
html {
min-height: auto;
}
.pdtb0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.swiper-container {
width: 100%;
height: 100%;
}
.flex {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.flexV {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content-ul {
color: #666;
box-sizing: border-box;
padding: 10px 0;
}
.content-ul .c-item {
cursor: pointer;
display: flex;
overflow: hidden;
max-width: 100%;
font-size: 12px;
height: 24px;
/* margin-bottom: 8px; */
}
.content-ul .c-item:last-child {
margin-bottom: 0;
}
.content-ul .c-item .tit {
flex: 1;
min-width: 0;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
display: flex;
align-items: center;
}
.content-ul .c-item .time {
width: 90px;
float: right;
}
.text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item {
width: 30%;
}
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
.z-date {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 4px;
}
初始化仓库
2025-02-12 09:27:47 +08:00
</style>
<style type="text/css">
</style>
</head>
<body class="wrap">
<div>
<div class="main flex-row">
<div class="side side-left">
<div class="side-tit image-full">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="劳务数据" />
<div class="z-date">
专项检查
2025-04-15 20:48:53 +08:00
<input id="labour_start" type="date" value="" />
<span style="font-size: 10px; padding: 0 6px;">至</span>
<input id="labour_end" type="date" value="" />
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
</div>
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="anq-box">
<div class="anq-overview image-full flex-row flex-start flex-item-center">
<div class="anq-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="现场人数" />：
</div>
专项检查
2025-04-15 20:48:53 +08:00
<div class="anq-val"><span id="all_count"></span><span style="font-size: 14px;">人</span></div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="anq-inner flex-row flex-center">
<div class="anq-inner-b flex-column flex-center">
<div class="anq-inner-b-text">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="管理人员" />
</div>
<div class="anq-inner-b-val"><span class="color1" id="manager">0</span><span>人</span></div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<%-- <div class="anq-inner-b flex-column flex-center">
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="anq-inner-b-text">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,completed%>" />
</div>
提交代码
2025-03-07 11:05:48 +08:00
<div class="anq-inner-b-val"><span class="color2" runat="server" id="divCRectify">0</span><span>个</span></div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
</div>--%>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="anq-inner-b flex-column flex-center">
<div class="anq-inner-b-text">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="作业人员" />
</div>
<div class="anq-inner-b-val"><span class="color3" id="job_count">0</span><span>人</span></div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
</div>
</div>
<div class="side-tit image-full tit1">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="安全问题统计" />
<div class="z-date">
<input id="safe_start" type="date" value="" />
<span style="font-size: 10px; padding: 0 6px;">至</span>
<input id="safe_end" type="date" value="" />
</div>
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="lw-tit flex-row flex-between">
<div class="lw-item flex-column flex-start flex-item-center">
<div class="lw-item-lab">
<p>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
问题总数
</p>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="lw-item-val color1" runat="server" id="all">0</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="lw-item flex-column flex-start flex-item-center">
<div class="lw-item-lab">
<p>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
已完成
</p>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="lw-item-val color2" runat="server" id="done">0</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="lw-item flex-column flex-start flex-item-center">
<div class="lw-item-lab">
<p>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
未完成
</p>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="lw-item-val color4" runat="server" id="undone">0</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
</div>
<div class="lw-map">
专项检查
2025-04-15 20:48:53 +08:00
<div id="lw-map"></div>`
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<%--<div class="side-tit image-full tit1">视频监控</div>
<div class="vid-box">
<div class="vid-item">
<video src="#"></video>
</div>
</div>--%>
<div class="side-tit image-full tit1">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,VideoSurveillance%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="vid-box sd-section-content video_content" style="height: 3.75rem;">
<live-player id="player01" live="true" aspect="16:12"></live-player>
<div class="bottom">
<div class="bottom_info">
<div class="bottom_left">
<asp:Literal runat="server" Text="<%$ Resources:Lan,RealTimeVideo%>" />
</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="bottom_right">
<span id='more'>
<asp:Literal runat="server" Text="<%$ Resources:Lan,more%>" /><</span>
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
</div>
</div>
</div>
<div class="center">
<div class="pro-d">
<img src='<%=divProjectImg %>'>
<div class="pro-d-exp">
<div class="pro-d-exp-lab"><%=divProjectNameTitle %></div>
<div class="pro-d-exp-col flex-row flex-start">
<div class="pro-d-exp-row flex-row flex-start">
<div class="pro-d-exp-row-lab">建设单位：</div>
<div class="pro-d-exp-row-val" title='<%=divOwnUnitTitle %>'><%=divOwnUnitTitle %></div>
</div>
<div class="pro-d-exp-row flex-row flex-start">
<div class="pro-d-exp-row-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,ConstructionUnit%>" />：
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="pro-d-exp-row-val" title='<%=divSGUnitTitle %>'><%=divSGUnitTitle2 %></div>
</div>
<div class="pro-d-exp-row flex-row flex-start">
<div class="pro-d-exp-row-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,SupervisionUnit%>" />：
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="pro-d-exp-row-val" title='<%=divJLUnitTitle %>'><%=divJLUnitTitle2 %></div>
</div>
</div>
<div class="pro-d-exp-d flex-row flex-start">
<asp:Label runat="server" ID="lbRemark"></asp:Label>
</div>
</div>
</div>
<div class="ht-box flex-row flex-between">
<div class="ht-item flex-column flex-center flex-item-start">
<div class="ht-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,TotalContractDuration%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="ht-item-val"><span class="color1" runat="server" id="divProjectDays">1,100</span><span>天</span></div>
</div>
<div class="ht-item flex-column flex-center flex-item-start">
<div class="ht-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,ContractExpirationTime%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="ht-item-val color3" runat="server" id="divEndDate">2027-01-30</div>
</div>
<div class="ht-item flex-column flex-center flex-item-start">
<div class="ht-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,RemainingTimeCompletion%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="ht-item-val"><span class="color4" runat="server" id="divRemainingDays">---</span><span>天</span></div>
</div>
</div>
<div class="jd-box">
<div class="jd-tit">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,ProjectSchedule%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div id="jd-box-map">
<div class="flex-row ">
<div class="jd-line-dot flex-column flex-center" id="scheline0" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName0" runat="server">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,Start_time%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="jd-timer" id="scheDate0" runat="server">2024-01-25</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline1" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName1" runat="server">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,Pilefoundationconstruction%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="jd-timer" id="scheDate1" runat="server">2024-04-18</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline2" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName2" runat="server">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,CivilInfrastructure%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="jd-timer" id="scheDate2" runat="server">2024-12-30</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline3" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName3" runat="server">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,PipeInstallationStarts%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="jd-timer" id="scheDate3" runat="server">2024-11-30</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline4" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="jd-lab" id="scheName4" runat="server">
PC/BPA
<asp:Literal runat="server" Text="<%$ Resources:Lan,FirstEquipmentArrived%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="jd-timer" id="scheDate4" runat="server">2025-04-25</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline5" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName5" runat="server">PC<asp:Literal runat="server" Text="<%$ Resources:Lan,PowerReceived%>" /></div>
<div class="jd-timer" id="scheDate5" runat="server">2024-12-30</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline6" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName6" runat="server">DMC<asp:Literal runat="server" Text="<%$ Resources:Lan,MechanicalCompletion%>" /></div>
<div class="jd-timer" id="scheDate6" runat="server">2024-12-30</div>
</div>
<div class="jd-line-dot flex-column flex-center" id="scheline7" runat="server">
<div class="jd-line"></div>
<div class="jd-dot flex-row flex-center"></div>
<div class="jd-lab" id="scheName7" runat="server">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,TimeCompletion%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="jd-timer" id="scheDate7" runat="server">2027-01-30</div>
</div>
</div>
</div>
</div>
<div class="cs-box flex-row flex-between flex-center">
<div class="cs-item">
<div class="cs-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,temperature%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="cs-item-val"><span runat="server" id="divHJ1">0</span><span>℃</span></div>
</div>
<div class="cs-item">
<div class="cs-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,humidness%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="cs-item-val"><span runat="server" id="divHJ2">0</span><span>%rh</span></div>
</div>
<div class="cs-item">
<div class="cs-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,WindSpeed%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="cs-item-val"><span runat="server" id="divHJ3">0</span><span>km/h</span></div>
</div>
<div class="cs-item">
<div class="cs-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,noise%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="cs-item-val"><span runat="server" id="divHJ4">0</span><span>db</span></div>
</div>
<div class="cs-item">
<div class="cs-item-lab">PM2.5</div>
<div class="cs-item-val"><span runat="server" id="divHJ5">0</span></div>
</div>
<div class="cs-item">
<div class="cs-item-lab">PM10</div>
<div class="cs-item-val"><span runat="server" id="divHJ6">0</span></div>
</div>
</div>
</div>
<div class="side side-right">
<div class="side-tit image-full">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,QualityStatistics%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="zl-box">
<div class="zl-box-tit flex-row flex-between flex-item-center">
<div class="zl-box-tit-item flex-column flex-item-center flex-between">
<div class="zl-box-tit-item-val color1" runat="server" id="divCQMSAllNum">176</div>
<div class="zl-box-tit-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,ProblemTotal%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="zl-box-tit-item flex-column flex-item-center flex-between">
<div class="zl-box-tit-item-val color2" runat="server" id="divCQMSCAllNum">176</div>
<div class="zl-box-tit-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,completed%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="zl-box-tit-item flex-column flex-item-center flex-between">
<div class="zl-box-tit-item-val color3" runat="server" id="divCQMSUCAllNum">176</div>
<div class="zl-box-tit-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,uncompleted%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
</div>
<div class="zl-box-maps flex-row flex-between">
<div id="zl-map"></div>
<div id="zl-map1"></div>
<div id="zl-map2"></div>
</div>
</div>
<div class="side-tit image-full tit2">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,TodoList%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="db-box">
<div class="db-box-ul flex-column flex-start flex-item-start" id='swiper2' runat="server">
<%--<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>
<div class="db-box-li">待办事项：内容填充文字</div>--%>
</div>
</div>
<div class="side-tit image-full tit2">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quawarning%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="zzh-box flex-column flex-between">
<div class="a flex-row flex-between">
<div class="zzh-item flex-column flex-item-end">
<div class="zzh-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quawarning%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="zzh-item-val color2" runat="server" id="divQualityWarningNum">0</div>
</div>
<div class="zzh-item flex-column flex-item-end">
<div class="zzh-item-lab">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,CertificateWarning%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="zzh-item-val color4" runat="server" id="divWorkWarningNum">0</div>
</div>
</div>
<div class="b flex-row flex-between">
<div class="zzh-item">
<div class="zzh-item-lab flex-column flex-item-end">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,MechanicalWarning%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="zzh-item-val color1" runat="server" id="divMechanicsWarningNum">0</div>
</div>
<div class=" zzh-item">
<div class="zzh-item-lab flex-column flex-item-end">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,QualityWarning%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="zzh-item-val color3" runat="server" id="divCQMSWarningNum">0</div>
</div>
</div>
</div>
<div class="side-tit image-full tit2">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,RiskControl%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="fx-box flex-row flex-between">
<div class="fx-item">
<div class="fx-item-im color1" runat="server" id="divHazard4Num">0</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="fx-item-lab">
4
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="fx-item-val">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,MajorRisk%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="fx-item">
<div class="fx-item-im color4" runat="server" id="divHazard3Num">0</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="fx-item-lab">
3
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="fx-item-val">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,GreaterRisk%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="fx-item">
<div class="fx-item-im color5" runat="server" id="divHazard2Num">0</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="fx-item-lab">
2
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="fx-item-val">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,GeneralRisk%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
<div class="fx-item">
<div class="fx-item-im color1" runat="server" id="divHazard1Num">0</div>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<div class="fx-item-lab">
1
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
<div class="fx-item-val">
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
<asp:Literal runat="server" Text="<%$ Resources:Lan,LowRisk%>" />
</div>
初始化仓库
2025-02-12 09:27:47 +08:00
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../res/lib/echarts.min.js"></script>
<script src="../res/lib/jquery.js"></script>
<script type="text/javascript" src="../res/indexv2/assets/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../res/indexv2/assets/js/echarts-5.2.0.min.js"></script>
<script type="text/javascript" src="../res/indexv2/assets/js/video-7.15.0.min.js"></script>
<script type="text/javascript" src="../res/indexv2/assets/js/draw-circle.js"></script>
<script type="text/javascript" src="../res/indexv2/assets/js/swiper.min.js"></script>
<script src="../res/liveplayer/liveplayer-element.min.js"></script>
<script>
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
let AQWTChart = null; // 安全问题统计柱状图的实体
// 5分钟刷新一次数据
setInterval(function () {
// 问题类型统计
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
// 劳务数据统计
专项检查
2025-04-15 20:48:53 +08:00
serviceData()
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
}, 300000)
初始化仓库
2025-02-12 09:27:47 +08:00
$(document).ready(function () {
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
let ProjectId = "<%= ProjectId%>"
专项检查
2025-04-15 20:48:53 +08:00
// 初始化劳务数据
$("#labour_start").val(nowDate())
$("#labour_end").val(nowDate())
serviceData()
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
// 切换日期时请求数据
专项检查
2025-04-15 20:48:53 +08:00
$('#labour_start').on('change', function () {
let labour_start = $('#labour_start').val()
let labour_end = $('#labour_end').val()
if (new Date(labour_start).getTime() > new Date(labour_end)) {
alert("请选择小于" + labour_end + "日期")
$('#labour_start').val(labour_end)
班前会
2025-05-09 16:12:04 +08:00
} else {
serviceData()
专项检查
2025-04-15 20:48:53 +08:00
}
班前会
2025-05-09 16:12:04 +08:00
专项检查
2025-04-15 20:48:53 +08:00
})
$('#labour_end').on('change', function () {
let labour_start = $('#labour_start').val()
let labour_end = $('#labour_end').val()
if (new Date(labour_start).getTime() > new Date(labour_end)) {
班前会
2025-05-09 16:12:04 +08:00
$('#labour_end').val(labour_start)
专项检查
2025-04-15 20:48:53 +08:00
alert("请选择大于" + labour_start + "日期")
班前会
2025-05-09 16:12:04 +08:00
} else {
serviceData()
专项检查
2025-04-15 20:48:53 +08:00
}
班前会
2025-05-09 16:12:04 +08:00
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
})
专项检查
2025-04-15 20:48:53 +08:00
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
// 给安全问题统计赋值
let date = new Date()
let year = date.getFullYear()
let month = date.getMonth() + 1
专项检查
2025-04-15 20:48:53 +08:00
$('#safe_start').val(`${year}-${month.toString().padStart(2, '0')}-01`);
$('#safe_end').val(`${year}-${month.toString().padStart(2, '0')}-${new Date(year, month, 0).getDate()}`);
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
专项检查
2025-04-15 20:48:53 +08:00
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
$('#safe_start').on('change', function () {
let safe_start = $('#safe_start').val()
let safe_end = $('#safe_end').val()
if (new Date(safe_start).getTime() > new Date(safe_end)) {
alert("请选择小于" + safe_end + "日期")
$('#safe_start').val(safe_end)
} else {
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
}
专项检查
2025-04-15 20:48:53 +08:00
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
})
$('#safe_end').on('change', function () {
let safe_start = $('#safe_start').val()
let safe_end = $('#safe_end').val()
if (new Date(safe_start).getTime() > new Date(safe_end)) {
$('#safe_start').val(nowDate())
alert("请选择大于" + safe_start + "日期")
} else {
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
}
})
// 获取当天日期
function nowDate() {
var now = new Date();
//格式化日，如果小于9，前面补0
var day = ("0" + now.getDate()).slice(-2);
//格式化月，如果小于9，前面补0
var month = ("0" + (now.getMonth() + 1)).slice(-2);
//拼装完整日期格式
var today = now.getFullYear() + "-" + (month) + "-" + (day);
return today
}
// 安全问题统计
function problemTypeStatistics(startdate, enddate) {
$.ajax({
url: "mainProject.aspx/GetSafetyProblemStatistics",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({
ProjectId: ProjectId,
startdate: startdate,
专项检查
2025-04-15 20:48:53 +08:00
enddate: enddate
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
}),
success: function (data) {
console.log(data)
let d = data.d
$("#all").text(d.AllCount)
$("#done").text(d.DoneCount)
$("#undone").text(d.UnDoneCount)
let tits = []
let vals = []
d.CheckList.map(e => {
tits.push(e.type)
vals.push(e.count)
})
initAQWTap('lw-map', tits, vals)
专项检查
2025-04-15 20:48:53 +08:00
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
}
})
}
// 请求劳务数据
专项检查
2025-04-15 20:48:53 +08:00
function serviceData() {
let labour_start = $('#labour_start').val()
let labour_end = $('#labour_end').val()
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
$.ajax({
url: "mainProject.aspx/GetServiceData",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({
专项检查
2025-04-15 20:48:53 +08:00
startdate: labour_start,
enddate: labour_end,
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
ProjectId: ProjectId,
}),
success: function (data) {
console.log(data)
let d = data.d
$('#manager').text(d.m_count)
$('#all_count').text(d.all_count)
$('#job_count').text(d.job_count)
}
})
}
function initAQWTap(el, tit, val) {
if (!AQWTChart) {
var chartDom = document.getElementById(el);
AQWTChart = echarts.init(chartDom);
}
var option = {
grid: {
专项检查
2025-04-15 20:48:53 +08:00
top: 30,
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
},
xAxis: {
type: 'category',
data: tit,
/* axisTick: { alignWithLabel: true },*/
axisLabel: {
大屏安全数据统计
2025-04-17 15:01:42 +08:00
rotate: -30,
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
interval: 0,
textStyle: {
专项检查
2025-04-15 20:48:53 +08:00
fontSize: 12,
color: '#FFFFFF'
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
}
}
},
yAxis: {
type: 'value',
axisLabel: {
textStyle: {
color: '#63CAFF'
}
},
splitLine: {
lineStyle: {
color: "#31485B",
width: 1,
},
},
},
series: [
{
专项检查
2025-04-15 20:48:53 +08:00
barWidth: 20,
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
data: val,
type: 'bar',
label: {
show: true,
position: 'top',
color: "#ffffff"
},
itemStyle: {
color: "#00FFFF"
}
}
]
};
if (tit.length > 8) {
option.dataZoom = [{
type: 'slider',
show: true,
xAxisIndex: [0],
startValue: 0,
left: '0', //滚动条靠左侧的百分比
right: '0',
bottom: 0,
start: 0,//滚动条的起始位置
专项检查
2025-04-15 20:48:53 +08:00
end: 8 / tit.length * 100, //滚动条的截止位置（按比例分割你的柱状图x轴长度）
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
fillerColor: '#6B7388', //滑块的颜色
backgroundColor: '#2B3755',  // 滑块轨道的颜色
borderColor: 'transparent', // 滑块轨道边框的颜色
height: 6,   // 滑块高度
handleSize: '80%',
handleIcon: 'path://M512,500m-430,0a448,448,0,1,0,896,0a448,448,0,1,0,-896,0Z',
handleStyle: {
borderWidth: 0,
color: '#6B7388',
},
zoomLock: false,
zoomOnMouseWheel: false,
brushSelect: false,
showDetail: false,
showDataShadow: false
}]
}
option && AQWTChart.setOption(option);
}
初始化仓库
2025-02-12 09:27:47 +08:00
// 执行一些jQuery代码
console.log(getCookie("SelectLan"))
if (getCookie("SelectLan").includes("en-US")) {
$('.lw-tit > .lw-item > .lw-item-lab ').css({
"display": "block",
"height": "auto",
})
$('.lw-tit > .lw-item > .lw-item-val').css({
"font-size": ".175rem"
})
$('.lw-tit > .lw-item > .lw-item-lab > p ').css({
"width": "100%",
"height": ".475rem",
"white-space": "normal",
"font-size": ".15rem",
"line-height": ".175rem"
//"padding": "0 20px",
//"animation": "scrollText 10s linear infinite"
})
$('.anq-inner-b-text').css({
"height": ".425rem",
"font-size": ".175rem"
})
}
});
$('.h-nav-bar').click(function (e) {
console.log($(this).siblings())
let id = $(this).data('id')
$('.h-nav-bar').removeClass('h-nav-bar-active')
$(this).addClass('h-nav-bar-active')
// if(id < 5) {
// $(this).addClass('h-nav-bar-active').siblings().removeClass('h-nav-bar-active')
// }
});
var swiper_One ='<%=swiper_One %>'
$(function () {
//var swiper2H = $("#swiper2Wrap").height()
//$("#swiper2").height(swiper2H)
var slidesNum = 15;
$("#swiper2").html(swiper_One)
//var $lenLi = $("#swiper2 .content-ul li").length
//if ($lenLi > 0) {
// var $lenLiH = $("#swiper2 .content-ul li").first().height()
// var UlHeight = $lenLiH * $lenLi
// if (UlHeight > swiper2H) {
// var mySwiper = new Swiper('#swiper2', {
// autoplay: {
// delay: 1000,//可选选项，自动滑动
// },
// direction: 'vertical',
// loop: true,
// slidesPerView: 'auto'
// })
// }
//}
$("#swiper2").on('click', 'li', function () {
debugger;
var $this = $(this)
var data = $this.attr("data-id")
var noticeId = $this.attr("notice-id")
//$(".project-list-wrap").show();
//return
if (data != "") {
debugger;
//Window1.GetShowReference(data) + "return false;";
//document.getElementById("hdNoticeId").value = noticeId;
//document.getElementById("imgBtn").click();
window.open(data);
top.window.location.reload();
}
})
})
var cRectificationRate = '<%=CRectificationRate %>'
var cQualifiedRate = '<%=CQualifiedRate %>'
var firstPassRate = '<%=FirstPassRate %>'
initZLMap("zl-map", cRectificationRate, '<%=RectificationRate %>')
initZLMap("zl-map1", cQualifiedRate,'<%=PassRate %>')
initZLMap("zl-map2", firstPassRate,'<%=FistPassRateWelding %>')
function initZLMap(el, val, tit = "") {
const gaugeData = [
{
value: val,
name: tit,
title: {
width: resetSize(100),
height: resetSize(24),
color: "#ffffff",
offsetCenter: ['0%', '100%'],
backgroundColor: {
image: '../res/images/r02.png'
// 这里可以是图片的 URL，
// 或者图片的 dataURI，
// 或者 HTMLImageElement 对象，
// 或者 HTMLCanvasElement 对象。
}
},
detail: {
valueAnimation: true,
offsetCenter: ['0%', '0%']
},
itemStyle: {
color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, [{
offset: 0,
color: '#00A3FF'
},
{
offset: 1,
color: '#BDFF00'
}
河北专项检查和移动端
2025-04-06 23:26:22 +08:00
]
初始化仓库
2025-02-12 09:27:47 +08:00
)
}
},
{
value: 100,
name: '',
title: {
offsetCenter: ['0%', '0%']
},
detail: {
show: false,
valueAnimation: true,
offsetCenter: ['0%', '10%']
},
itemStyle: {
color: "#3C4D5D"
}
}
];
option = {
series: [
{
radius: '90%',
type: 'gauge',
startAngle: 220,
endAngle: -40,
pointer: {
show: false
},
progress: {
show: true,
overlap: false,
roundCap: false,
clip: false,
itemStyle: {
borderWidth: 0,
}
},
axisLine: {
lineStyle: {
width: resetSize(12),
color: [[1, '#4F5E68']]
}
},
splitLine: {
show: false,
},
axisTick: {
show: false
},
axisLabel: {
show: false,
},
data: gaugeData,
title: {
fontSize: resetSize(12)
},
detail: {
fontSize: resetSize(14),
color: "#ffffff",
formatter: '{value}%'
}
}
]
};
var chartDom = document.getElementById(el);
var myChart = echarts.init(chartDom);
option && myChart.setOption(option);
}
专项检查
2025-04-15 20:48:53 +08:00
初始化仓库
2025-02-12 09:27:47 +08:00
function resetSize(size, initWidth = 1920) {
let clientWidth = document.body.clientWidth
return size * (clientWidth / initWidth)
}
var videoids = [];
var videoIndex = 0;
var authToken = '';
var videoHost = '<%= VideoHost %>';
function runShowVideo() {
if (videoids.length <= 0) {
setTimeout(function () {
runShowVideo();
}, 5000);
} else if (videoIndex < videoids.length) {
$.get(videoHost + 'api/v1/stream/start?serial=' + videoids[videoIndex].split(':')[0] + '&code=' + videoids[videoIndex].split(':')[1] + '&token=' + authToken, function (data4) {
console.log(data4.HLS)
videoIndex++;
var player = document.getElementById('player01');
player.setAttribute("video-url", data4.HLS);
setTimeout(function () {
runShowVideo();
}, 500000);
}, 'json');
}
}
function initVideo() {
$.get(videoHost + 'api/v1/login?username=<%= VideoUserName %>&password=<%= VideoPassWord %>', function (data1) {
authToken = data1.AuthToken;
$.get(videoHost + 'api/v1/device/channeltree?token=' + authToken, function (data2) {
for (var i = 0; i < data2.length && i <= 0; i++) {
$.get(videoHost + 'api/v1/device/channeltree?serial=' + data2[i].serial + '&token=' + authToken, function (data3) {
for (var j = 0; j < data3.length && j <= 0; j++) {
videoids.push(data3[j].id);
}
}, 'json');
}
}, 'json');
}, 'json');
}
专项检查
2025-04-15 20:48:53 +08:00
//initVideo();
//runShowVideo();
初始化仓库
2025-02-12 09:27:47 +08:00
var videoURL = '<%= VideoHost %>';
let more = document.getElementById('more')
more.addEventListener("click", function () {
// 在点击事件中执行的代码
if (videoURL) {
//var username = $('#SimpleForm1_hfProjectCode-inputEl').val()
//var password = $('#SimpleForm1_hfMonitorPW-inputEl').val();
console.log(videoURL);
debugger
专项检查
2025-04-15 20:48:53 +08:00
////////window.open(videoURL + "#/screen?username=" + '<%= VideoUserName %>' + "&password=" + '<%= VideoPassWord %>', '_blank');
初始化仓库
2025-02-12 09:27:47 +08:00
}
else {
alert("您没有权限！");
}
});
//获取cookie，参数name指定要获取的cookie的名称
function getCookie(name) {
var start = document.cookie.indexOf(name + "="); //得到cookie字符串中的名称
var len = start + name.length + 1; //得到从起始位置到结束cookie位置的长度
//如果起始没有值且name不存在于cookie字符串中，则返回null
if ((!start) && (name != document.cookie.substring(0, name.length))) {
return null;
}
if (start == -1) return null; //如果起始位置为-1也为null
var end = document.cookie.indexOf(';', len); //获取cookie尾部位置
if (end == -1) end = document.cookie.length; //计算cookie尾部长度
return unescape(document.cookie.substring(len, end)); //获取cookie值
}
</script>
</html>