河北专项检查和移动端
This commit is contained in:
@@ -12,13 +12,22 @@
|
||||
|
||||
<link href="../res/indexv2/assets/css/swiper.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="../res/css/base.css">
|
||||
<link rel="stylesheet" href="../res/css/projectIndex.css?v1">
|
||||
<link rel="stylesheet" href="../res/css/projectIndex.css?v3">
|
||||
<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
|
||||
}
|
||||
|
||||
input[type="date"] {
|
||||
background-color: rgba(0,0,0,0);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
html, body, .wrap {
|
||||
height: calc(100% - 1.5rem);
|
||||
}
|
||||
@@ -150,6 +159,13 @@
|
||||
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.z-date {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 4px;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
</style>
|
||||
@@ -159,59 +175,78 @@
|
||||
<div class="main flex-row">
|
||||
<div class="side side-left">
|
||||
<div class="side-tit image-full">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,SafetyStatistics%>" /></div>
|
||||
<asp:Literal runat="server" Text="劳务数据" />
|
||||
<div class="z-date">
|
||||
<input id="labour" type="date" value="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="anq-box">
|
||||
<div class="anq-overview image-full flex-row flex-start flex-item-center">
|
||||
<div class="anq-lab">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,SafeLaborHours%>" />：</div>
|
||||
<div class="anq-val" runat="server" id="divSafeWorkTime">0</div>
|
||||
<asp:Literal runat="server" Text="现场人数" />：
|
||||
</div>
|
||||
<div class="anq-val" ><span id="all_count"></span> <span style="font-size: 14px;">人</span></div>
|
||||
|
||||
</div>
|
||||
<div class="anq-inner flex-row flex-center">
|
||||
<div class="anq-inner-b flex-column flex-center">
|
||||
<div class="anq-inner-b-text">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,DangersCount%>" /></div>
|
||||
<div class="anq-inner-b-val"><span class="color1" runat="server" id="divAllRectify">0</span><span>个</span></div>
|
||||
<asp:Literal runat="server" Text="管理人员" />
|
||||
</div>
|
||||
<div class="anq-inner-b-val"><span class="color1" id="manager">0</span><span>人</span></div>
|
||||
</div>
|
||||
<div class="anq-inner-b flex-column flex-center">
|
||||
<%-- <div class="anq-inner-b flex-column flex-center">
|
||||
<div class="anq-inner-b-text">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,completed%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,completed%>" />
|
||||
</div>
|
||||
<div class="anq-inner-b-val"><span class="color2" runat="server" id="divCRectify">0</span><span>个</span></div>
|
||||
</div>
|
||||
</div>--%>
|
||||
<div class="anq-inner-b flex-column flex-center">
|
||||
<div class="anq-inner-b-text">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,uncompleted%>" /></div>
|
||||
<div class="anq-inner-b-val"><span class="color3" runat="server" id="divUCRectify">0</span><span>个</span></div>
|
||||
<asp:Literal runat="server" Text="作业人员" />
|
||||
</div>
|
||||
<div class="anq-inner-b-val"><span class="color3" id="job_count">0</span><span>人</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="side-tit image-full tit1">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ServiceData%>" /></div>
|
||||
<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>
|
||||
<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>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,CurrentPersonnel%>" /></p>
|
||||
问题总数
|
||||
</p>
|
||||
</div>
|
||||
<div class="lw-item-val color1" runat="server" id="divALLPerson">0</div>
|
||||
<div class="lw-item-val color1" runat="server" id="all">0</div>
|
||||
</div>
|
||||
<div class="lw-item flex-column flex-start flex-item-center">
|
||||
<div class="lw-item-lab">
|
||||
<p>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,WorkPersonnel%>" /></p>
|
||||
已完成
|
||||
</p>
|
||||
</div>
|
||||
<div class="lw-item-val color2" runat="server" id="divZYPerson">0</div>
|
||||
<div class="lw-item-val color2" runat="server" id="done">0</div>
|
||||
</div>
|
||||
<div class="lw-item flex-column flex-start flex-item-center">
|
||||
<div class="lw-item-lab">
|
||||
<p>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,managersCount%>" /></p>
|
||||
未完成
|
||||
</p>
|
||||
</div>
|
||||
<div class="lw-item-val color4" runat="server" id="divGLPerson">0</div>
|
||||
<div class="lw-item-val color4" runat="server" id="undone">0</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lw-map">
|
||||
<div id="lw-map"></div>
|
||||
<p style="text-align:center;margin-top: 10%;color:#ffffff;">暂无数据</p>`
|
||||
</div>
|
||||
|
||||
<%--<div class="side-tit image-full tit1">视频监控</div>
|
||||
@@ -221,7 +256,8 @@
|
||||
</div>
|
||||
</div>--%>
|
||||
<div class="side-tit image-full tit1">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,VideoSurveillance%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,VideoSurveillance%>" />
|
||||
</div>
|
||||
<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">
|
||||
@@ -229,8 +265,10 @@
|
||||
<div class="bottom_left">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,RealTimeVideo%>" />
|
||||
</div>
|
||||
<div class="bottom_right"><span id='more'>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,more%>" /><</span></div>
|
||||
<div class="bottom_right">
|
||||
<span id='more'>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,more%>" /><</span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
@@ -249,12 +287,14 @@
|
||||
</div>
|
||||
<div class="pro-d-exp-row flex-row flex-start">
|
||||
<div class="pro-d-exp-row-lab">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ConstructionUnit%>" />：</div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ConstructionUnit%>" />：
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,SupervisionUnit%>" />：</div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,SupervisionUnit%>" />：
|
||||
</div>
|
||||
<div class="pro-d-exp-row-val" title='<%=divJLUnitTitle %>'><%=divJLUnitTitle2 %></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -266,58 +306,68 @@
|
||||
<div class="ht-box flex-row flex-between">
|
||||
<div class="ht-item flex-column flex-center flex-item-start">
|
||||
<div class="ht-item-lab">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,TotalContractDuration%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,TotalContractDuration%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ContractExpirationTime%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ContractExpirationTime%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,RemainingTimeCompletion%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,RemainingTimeCompletion%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ProjectSchedule%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ProjectSchedule%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Start_time%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Start_time%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Pilefoundationconstruction%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Pilefoundationconstruction%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,CivilInfrastructure%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,CivilInfrastructure%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,PipeInstallationStarts%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,PipeInstallationStarts%>" />
|
||||
</div>
|
||||
<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>
|
||||
<div class="jd-lab" id="scheName4" runat="server">PC/BPA
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,FirstEquipmentArrived%>" /></div>
|
||||
<div class="jd-lab" id="scheName4" runat="server">
|
||||
PC/BPA
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,FirstEquipmentArrived%>" />
|
||||
</div>
|
||||
<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">
|
||||
@@ -336,7 +386,8 @@
|
||||
<div class="jd-line"></div>
|
||||
<div class="jd-dot flex-row flex-center"></div>
|
||||
<div class="jd-lab" id="scheName7" runat="server">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,TimeCompletion%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,TimeCompletion%>" />
|
||||
</div>
|
||||
<div class="jd-timer" id="scheDate7" runat="server">2027-01-30</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -345,22 +396,26 @@
|
||||
<div class="cs-box flex-row flex-between flex-center">
|
||||
<div class="cs-item">
|
||||
<div class="cs-item-lab">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,temperature%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,temperature%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,humidness%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,humidness%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,WindSpeed%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,WindSpeed%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,noise%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,noise%>" />
|
||||
</div>
|
||||
<div class="cs-item-val"><span runat="server" id="divHJ4">0</span><span>db</span></div>
|
||||
</div>
|
||||
<div class="cs-item">
|
||||
@@ -375,24 +430,28 @@
|
||||
</div>
|
||||
<div class="side side-right">
|
||||
<div class="side-tit image-full">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,QualityStatistics%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,QualityStatistics%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ProblemTotal%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,ProblemTotal%>" />
|
||||
</div>
|
||||
</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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,completed%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,completed%>" />
|
||||
</div>
|
||||
</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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,uncompleted%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,uncompleted%>" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zl-box-maps flex-row flex-between">
|
||||
@@ -402,7 +461,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-tit image-full tit2">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,TodoList%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,TodoList%>" />
|
||||
</div>
|
||||
<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>
|
||||
@@ -416,63 +476,81 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-tit image-full tit2">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quawarning%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quawarning%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quawarning%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quawarning%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,CertificateWarning%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,CertificateWarning%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,MechanicalWarning%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,MechanicalWarning%>" />
|
||||
</div>
|
||||
<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">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,QualityWarning%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,QualityWarning%>" />
|
||||
</div>
|
||||
<div class="zzh-item-val color3" runat="server" id="divCQMSWarningNum">0</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-tit image-full tit2">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,RiskControl%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,RiskControl%>" />
|
||||
</div>
|
||||
<div class="fx-box flex-row flex-between">
|
||||
<div class="fx-item">
|
||||
<div class="fx-item-im color1" runat="server" id="divHazard4Num">0</div>
|
||||
<div class="fx-item-lab">4
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" /></div>
|
||||
<div class="fx-item-lab">
|
||||
4
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
|
||||
</div>
|
||||
<div class="fx-item-val">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,MajorRisk%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,MajorRisk%>" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="fx-item">
|
||||
<div class="fx-item-im color4" runat="server" id="divHazard3Num">0</div>
|
||||
<div class="fx-item-lab">3
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" /></div>
|
||||
<div class="fx-item-lab">
|
||||
3
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
|
||||
</div>
|
||||
<div class="fx-item-val">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,GreaterRisk%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,GreaterRisk%>" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="fx-item">
|
||||
<div class="fx-item-im color5" runat="server" id="divHazard2Num">0</div>
|
||||
<div class="fx-item-lab">2
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" /></div>
|
||||
<div class="fx-item-lab">
|
||||
2
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
|
||||
</div>
|
||||
<div class="fx-item-val">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,GeneralRisk%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,GeneralRisk%>" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="fx-item">
|
||||
<div class="fx-item-im color1" runat="server" id="divHazard1Num">0</div>
|
||||
<div class="fx-item-lab">1
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" /></div>
|
||||
<div class="fx-item-lab">
|
||||
1
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Level%>" />
|
||||
</div>
|
||||
<div class="fx-item-val">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,LowRisk%>" /></div>
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,LowRisk%>" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -488,7 +566,219 @@
|
||||
<script type="text/javascript" src="../res/indexv2/assets/js/swiper.min.js"></script>
|
||||
<script src="../res/liveplayer/liveplayer-element.min.js"></script>
|
||||
<script>
|
||||
let AQWTChart = null; // 安全问题统计柱状图的实体
|
||||
// 5分钟刷新一次数据
|
||||
setInterval(function () {
|
||||
// 问题类型统计
|
||||
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
|
||||
// 劳务数据统计
|
||||
serviceData($("#labour").val())
|
||||
}, 300000)
|
||||
|
||||
$(document).ready(function () {
|
||||
let ProjectId = "<%= ProjectId%>"
|
||||
// 给劳务数据日期选择框赋当天日期
|
||||
$('#labour').val(nowDate());
|
||||
serviceData(nowDate())
|
||||
// 切换日期时请求数据
|
||||
$('#labour').on("change", function (e) {
|
||||
serviceData($(this).val())
|
||||
})
|
||||
|
||||
// 给安全问题统计赋值
|
||||
let date = new Date()
|
||||
let year = date.getFullYear()
|
||||
let month = date.getMonth() + 1
|
||||
|
||||
$('#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() }`);
|
||||
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
|
||||
|
||||
$('#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())
|
||||
}
|
||||
|
||||
})
|
||||
$('#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,
|
||||
enddate: enddate,
|
||||
|
||||
}),
|
||||
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)
|
||||
//if (d.CheckList.length > 0) {
|
||||
// d.CheckList.map(e => {
|
||||
// tits.push(e.type)
|
||||
// vals.push(e.count)
|
||||
// })
|
||||
// $("#lw-map").show()
|
||||
// $(".lw-map>p").hide()
|
||||
// initAQWTap('lw-map', tits, vals)
|
||||
//} else {
|
||||
// $("#lw-map").hide()
|
||||
// $(".lw-map>p").show()
|
||||
//}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
// 请求劳务数据
|
||||
function serviceData(date) {
|
||||
$.ajax({
|
||||
url: "mainProject.aspx/GetServiceData",
|
||||
type: "POST",
|
||||
contentType: "application/json; charset=utf-8",
|
||||
dataType: "json",
|
||||
data: JSON.stringify({
|
||||
date: date,
|
||||
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: {
|
||||
containLabel: true,
|
||||
left: 0,
|
||||
bottom: resetSize(10),
|
||||
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: tit,
|
||||
/* axisTick: { alignWithLabel: true },*/
|
||||
axisLabel: {
|
||||
rotate: -25,
|
||||
interval: 0,
|
||||
textStyle: {
|
||||
fontSize: resetSize(12),
|
||||
color: '#84D7FE'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#63CAFF'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: "#31485B",
|
||||
width: 1,
|
||||
},
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
barWidth: resetSize(20),
|
||||
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,//滚动条的起始位置
|
||||
end: 50, //滚动条的截止位置（按比例分割你的柱状图x轴长度）
|
||||
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);
|
||||
}
|
||||
|
||||
// 执行一些jQuery代码
|
||||
console.log(getCookie("SelectLan"))
|
||||
if (getCookie("SelectLan").includes("en-US")) {
|
||||
@@ -611,7 +901,7 @@
|
||||
offset: 1,
|
||||
color: '#BDFF00'
|
||||
}
|
||||
]
|
||||
]
|
||||
)
|
||||
}
|
||||
},
|
||||
@@ -683,86 +973,7 @@
|
||||
}
|
||||
|
||||
|
||||
initLWMap('lw-map', JSON.parse('<%=WorkPostS %>'), JSON.parse('<%=InPostCounts %>'))
|
||||
function initLWMap(el, tit, val) {
|
||||
var chartDom = document.getElementById(el);
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option = {
|
||||
grid: {
|
||||
containLabel: true,
|
||||
top: resetSize(10),
|
||||
left: 0,
|
||||
bottom: resetSize(10),
|
||||
|
||||
},
|
||||
dataZoom: [{
|
||||
type: 'slider',
|
||||
show: true,
|
||||
xAxisIndex: [0],
|
||||
startValue: 0,
|
||||
left: '0', //滚动条靠左侧的百分比
|
||||
right: '0',
|
||||
bottom: 0,
|
||||
start: 0,//滚动条的起始位置
|
||||
end: 20, //滚动条的截止位置（按比例分割你的柱状图x轴长度）
|
||||
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: true,
|
||||
zoomOnMouseWheel: false,
|
||||
brushSelect: false,
|
||||
showDetail: false,
|
||||
showDataShadow: false
|
||||
}],
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: tit,
|
||||
axisTick: { alignWithLabel: true },
|
||||
axisLabel: {
|
||||
rotate: -25,
|
||||
interval: 0,
|
||||
textStyle: {
|
||||
fontSize: resetSize(12),
|
||||
color: '#84D7FE'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#63CAFF'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: "#31485B",
|
||||
width: 1,
|
||||
},
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
barWidth: resetSize(20),
|
||||
data: val,
|
||||
type: 'bar',
|
||||
itemStyle: {
|
||||
color: "#00FFFF"
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function resetSize(size, initWidth = 1920) {
|
||||
let clientWidth = document.body.clientWidth
|
||||
|
||||
Reference in New Issue
Block a user