专项检查
This commit is contained in:
@@ -9,16 +9,17 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>智慧施工管理信息系统</title>
|
||||
<script src="lib/flex.js"></script>
|
||||
<link href="../res/css/mainindex.css?v1" rel="stylesheet" />
|
||||
<link href="../res/css/mainindex.css?v2" rel="stylesheet" />
|
||||
<link href="../res/indexv2/assets/css/swiper-bundle.min.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
<style type="text/css">
|
||||
input[type="date"] {
|
||||
input[type="date"] {
|
||||
background-color: rgba(0,0,0,0);
|
||||
color: #ffffff;
|
||||
font-size: .175rem;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -97,14 +98,15 @@
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
input[type="date"] {
|
||||
input[type="date"] {
|
||||
background-color: rgba(0,0,0,0);
|
||||
color: #ffffff;
|
||||
font-size: .175rem;
|
||||
}
|
||||
input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
filter: invert(1);
|
||||
}
|
||||
</style>
|
||||
<script src="../res/indexv2/assets/js/swiper-bundle.min.js"></script>
|
||||
<body class="t-main1">
|
||||
@@ -114,24 +116,27 @@
|
||||
<div class="t-side-tit">
|
||||
<asp:Literal runat="server" Text="劳务数据" />
|
||||
<div class="z-date">
|
||||
<input id="labour" type="date" value="" />
|
||||
<%-- <input id="labour" type="date" value="" />--%>
|
||||
<input id="labour_start" type="date" value="" />
|
||||
<span style="font-size: 10px; padding: 0 6px;">至</span>
|
||||
<input id="labour_end" type="date" value="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-xmtj flex-row">
|
||||
<div class="t-xmtj-box flex-column flex-item-center">
|
||||
<div class="t-xmtj-box-val " ><span class="color1" id="allperson"></span><span style="font-size:.25rem;color:#d7d7d7;">人</span></div>
|
||||
<div class="t-xmtj-box-val "><span class="color1" id="allperson"></span><span style="font-size: .25rem; color: #d7d7d7;">人</span></div>
|
||||
<div class="t-xmtj-box-lab">
|
||||
<asp:Literal runat="server" Text="现场人数" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-xmtj-box flex-column flex-item-center">
|
||||
<div class="t-xmtj-box-val" ><span class="color2" id="managePerson"></span><span style="font-size:.25rem;color:#d7d7d7;">人</span></div>
|
||||
<div class="t-xmtj-box-val"><span class="color2" id="managePerson"></span><span style="font-size: .25rem; color: #d7d7d7;">人</span></div>
|
||||
<div class="t-xmtj-box-lab">
|
||||
<asp:Literal runat="server" Text="管理人员" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-xmtj-box flex-column flex-item-center">
|
||||
<div class="t-xmtj-box-val " ><span class="color3" id="workerPerson"></span><span style="font-size:.25rem;color:#d7d7d7;">人</span></div>
|
||||
<div class="t-xmtj-box-val "><span class="color3" id="workerPerson"></span><span style="font-size: .25rem; color: #d7d7d7;">人</span></div>
|
||||
<div class="t-xmtj-box-lab">
|
||||
<asp:Literal runat="server" Text="作业人员" />
|
||||
</div>
|
||||
@@ -171,8 +176,8 @@
|
||||
<div class="lw-item-val color4" runat="server" id="undone">0</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-aqtj" >
|
||||
<div id="aqtj" style="height:100%;width:100%;"></div>
|
||||
<div class="t-aqtj">
|
||||
<div id="aqtj" style="height: 100%; width: 100%;"></div>
|
||||
</div>
|
||||
<div class="t-side-tit">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,LiveVideo%>" />
|
||||
@@ -214,6 +219,11 @@
|
||||
<div class="t-side">
|
||||
<div class="t-side-tit">
|
||||
<asp:Literal runat="server" Text="<%$ Resources:Lan,Quality_problem_statistics%>" />
|
||||
<div class="z-date">
|
||||
<input id="labour_start" type="date" value="" />
|
||||
<span style="font-size: 10px; padding: 0 6px;">至</span>
|
||||
<input id="labour_end" type="date" value="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-zltj">
|
||||
<div class="zl-box-tit flex-row flex-between flex-item-center">
|
||||
@@ -300,21 +310,40 @@
|
||||
let AQWTChart = null; // 安全问题统计柱状图的实体
|
||||
// 5分钟刷新一次数据
|
||||
setInterval(function () {
|
||||
// 问题类型统计
|
||||
// 问题类型统计
|
||||
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
|
||||
// 劳务数据统计
|
||||
serviceData($("#labour").val())
|
||||
serviceData()
|
||||
}, 300000)
|
||||
|
||||
$(document).ready(function () {
|
||||
// 初始化劳务数据
|
||||
$("#labour").val(nowDate())
|
||||
serviceData(nowDate())
|
||||
$("#labour_start").val(nowDate())
|
||||
$("#labour_end").val(nowDate())
|
||||
serviceData()
|
||||
|
||||
// 切换日期时请求数据
|
||||
$('#labour').on("change", function (e) {
|
||||
serviceData($("#labour").val())
|
||||
$('#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)
|
||||
}
|
||||
serviceData()
|
||||
|
||||
})
|
||||
$('#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)) {
|
||||
$('#labour_start').val(nowDate())
|
||||
|
||||
alert("请选择大于" + labour_start + "日期")
|
||||
}
|
||||
serviceData()
|
||||
})
|
||||
|
||||
|
||||
|
||||
// 给安全问题统计赋值
|
||||
@@ -333,9 +362,8 @@
|
||||
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())
|
||||
}
|
||||
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
|
||||
|
||||
})
|
||||
$('#safe_end').on('change', function () {
|
||||
@@ -344,13 +372,41 @@
|
||||
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())
|
||||
}
|
||||
problemTypeStatistics($('#safe_start').val(), $('#safe_end').val())
|
||||
})
|
||||
|
||||
createChinaMap()
|
||||
})
|
||||
// 质量问题统计
|
||||
function getQualityProblemStatistics() {
|
||||
$.ajax({
|
||||
url: "main3.aspx/GetQualityProblemStatistics",
|
||||
type: "POST",
|
||||
contentType: "application/json; charset=utf-8",
|
||||
dataType: "json",
|
||||
data: JSON.stringify({
|
||||
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('aqtj', tits, vals)
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
// 安全问题统计
|
||||
function problemTypeStatistics(startdate, enddate) {
|
||||
$.ajax({
|
||||
@@ -375,21 +431,24 @@
|
||||
tits.push(e.type)
|
||||
vals.push(e.count)
|
||||
})
|
||||
|
||||
|
||||
initAQWTap('aqtj', tits, vals)
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
// 请求劳务数据
|
||||
function serviceData(date) {
|
||||
function serviceData() {
|
||||
let labour_start = $('#labour_start').val()
|
||||
let labour_end = $('#labour_end').val()
|
||||
$.ajax({
|
||||
url: "main3.aspx/GetServiceData",
|
||||
type: "POST",
|
||||
contentType: "application/json; charset=utf-8",
|
||||
dataType: "json",
|
||||
data: JSON.stringify({
|
||||
date: date
|
||||
startdate: labour_start,
|
||||
enddate: labour_end
|
||||
}),
|
||||
success: function (data) {
|
||||
console.log(data)
|
||||
@@ -423,8 +482,9 @@
|
||||
var option = {
|
||||
grid: {
|
||||
containLabel: true,
|
||||
top: 30,
|
||||
left: 0,
|
||||
bottom: resetSize(10),
|
||||
height: 180,
|
||||
|
||||
},
|
||||
xAxis: {
|
||||
@@ -435,8 +495,8 @@
|
||||
rotate: -25,
|
||||
interval: 0,
|
||||
textStyle: {
|
||||
fontSize: 14,
|
||||
color: '#84D7FE'
|
||||
fontSize: 12,
|
||||
color: '#FFFFFF'
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -480,7 +540,7 @@
|
||||
right: '0',
|
||||
bottom: 0,
|
||||
start: 0,//滚动条的起始位置
|
||||
end: 50, //滚动条的截止位置(按比例分割你的柱状图x轴长度)
|
||||
end: 8/tit.length*100, //滚动条的截止位置(按比例分割你的柱状图x轴长度)
|
||||
fillerColor: '#6B7388', //滑块的颜色
|
||||
backgroundColor: '#2B3755', // 滑块轨道的颜色
|
||||
borderColor: 'transparent', // 滑块轨道边框的颜色
|
||||
@@ -523,9 +583,9 @@
|
||||
$(".swiper-button-next").on("click", function () {
|
||||
mySwiper.slideNext()
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function initZLMap(el, val, tit = "") {
|
||||
|
||||
const gaugeData = [
|
||||
@@ -629,7 +689,7 @@
|
||||
var myChart = echarts.init(chartDom);
|
||||
option && myChart.setOption(option);
|
||||
}
|
||||
|
||||
|
||||
function createChinaMap() {
|
||||
var chinaData = JSON.parse('<%=ProjectInfo %>')
|
||||
// 地图 点
|
||||
|
||||
Reference in New Issue
Block a user