552 lines
22 KiB
HTML
552 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="../../css/ssp/bootstrap.min.css">
|
||
<link rel="stylesheet" href="../../css/ssp/takePicture.css">
|
||
<title>质量隐患排查</title>
|
||
</head>
|
||
<body>
|
||
|
||
<input type="hidden" id="flowText" th:value="${flowText}">
|
||
<input type="hidden" id="projectId" th:value="${projectId}">
|
||
<input type="hidden" id="projectText" th:value="${projectName}">
|
||
<input type="hidden" id="typeChangeText" th:value="${typeChangeText}">
|
||
|
||
<header class="hide">
|
||
<div class="row">
|
||
<div class="col-xs-3" onclick="goBack()">
|
||
<img src="../../img/ssp/h_lift.png">
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<p>和我相关</p>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="ssp-all">
|
||
<div class="ssp-search">
|
||
<div class="row">
|
||
<div class="col-xs-10">
|
||
<div class="col-xs-10">
|
||
<input type="text" id="searchText" class="ssp-search-input" th:value="${searchText}" placeholder="请输入">
|
||
</div>
|
||
<div class="col-xs-2">
|
||
<button type="button" class="ssp-search-button" id="searchBut">搜索</button>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-2">
|
||
<div class="ssp-search-screen">
|
||
<img src="../../img/ssp/screen.png" id="screen">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ssp-project">
|
||
<span th:text="${projectName}" id="projectName"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ssp-tab">
|
||
<div class="row">
|
||
<div class="col-xs-6">
|
||
<span class="ssp-active">和我相关（<label id="changes"></label>）</span>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<span onclick="nickedClick()">我的发布（<label id="nicked"></label>）</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="spp-record-max" id="listPage">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!--蒙版-->
|
||
<div class="spp-mask" id="mask" onclick="closeHide()"></div>
|
||
<!--筛选-->
|
||
<div class="spp-window" id="sppWindow">
|
||
<div class="spp-window-title">
|
||
<label>筛选</label>
|
||
<span onclick="closeHide()">×</span>
|
||
</div>
|
||
<div class="spp-window-block">
|
||
<div class="spp-wb-title">拍摄类型</div>
|
||
<div class="spp-wb-content">
|
||
<div class="row">
|
||
<div class="col-xs-4">
|
||
<div class="spp-type-nav" data="1" >留痕上报</div>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<div class="spp-type-nav" data="0">问题整改</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="spp-window-block">
|
||
<div class="spp-wb-title">拍摄时间</div>
|
||
<div class="spp-wb-content">
|
||
<div class="row">
|
||
<div class="col-xs-5">
|
||
<input type="date" class="spp-wb-date" id="startTime">
|
||
</div>
|
||
<div class="col-xs-2">
|
||
<div class="spp-wb-reach">—</div>
|
||
</div>
|
||
<div class="col-xs-5">
|
||
<input type="date" class="spp-wb-date" id="endTime">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="spp-window-block">
|
||
<div class="spp-wb-title">流程状态</div>
|
||
<div class="spp-wb-content">
|
||
<div class="row">
|
||
<div class="col-xs-4">
|
||
<div class="spp-state-nav" data="0">待复检</div>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<div class="spp-state-nav" data="1" >未通过</div>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<div class="spp-state-nav" data="4" >已完成</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="spp-window-btn">
|
||
<button type="button" onclick="resetBtn()">重置</button>
|
||
<button type="button" onclick="confirmBtn()">确认</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!--悬浮图标-->
|
||
<div class="spp-buoy">
|
||
<div class="spp-buoy-img" id="photograph">
|
||
<img src="../../img/ssp/photograph.png">
|
||
</div>
|
||
</div>
|
||
<!--悬浮导航-->
|
||
<div class="spp-buoy-menu" id="buoyMenu">
|
||
<div class="row">
|
||
<div class="col-xs-5">
|
||
<div class="spp-buoy-menu-option" onclick="goChange()">问题整改</div>
|
||
</div>
|
||
<div class="col-xs-5">
|
||
<div class="spp-buoy-menu-option" onclick="goNick()">质量留痕</div>
|
||
</div>
|
||
<div class="col-xs-2">
|
||
<div class="spp-put-away">
|
||
<img src="../../img/ssp/put_away.png" id="putAway">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script type="text/javascript" src="../../js/ssp/jquery-3.0.0.min.js"></script>
|
||
<script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script>
|
||
<script>
|
||
|
||
var projectId = [[${projectId}]];
|
||
|
||
function goBack() {
|
||
wx.miniProgram.reLaunch({
|
||
url: "../../pages/gengduogongneng/gengduogongneng",
|
||
complete: res => {
|
||
}
|
||
})
|
||
}
|
||
|
||
//打开筛选
|
||
$("#screen").click(function () {
|
||
$("#mask").fadeIn();
|
||
$("#sppWindow").animate({right: '0'}, 500);
|
||
$("body").css("overflow", "hidden")
|
||
//$(".spp-wb-date").val(todayDate());
|
||
})
|
||
|
||
//默认时间
|
||
function todayDate() {
|
||
var today = new Date();
|
||
var year = today.getFullYear();
|
||
var month = today.getMonth() + 1;
|
||
var day = today.getDate()
|
||
if (month < 10) month = '0' + month
|
||
if (day < 10) day = '0' + day
|
||
var todayDate = year + '-' + month + '-' + day;
|
||
return todayDate;
|
||
}
|
||
|
||
//关闭筛选
|
||
function closeHide() {
|
||
$("#mask").fadeOut();
|
||
$("#sppWindow").animate({right: '-300px'}, 500);
|
||
$("body").css("overflow", "auto");
|
||
}
|
||
|
||
//拍摄类型筛选
|
||
$(".spp-type-nav").click(function () {
|
||
if ($(this).attr("class") != "spp-type-nav spp-active") {
|
||
$(".spp-type-nav").removeClass("spp-active");
|
||
$(this).addClass("spp-active");
|
||
$("#typeChangeText").val($(this).attr("data"));
|
||
} else {
|
||
$(this).removeClass("spp-active");
|
||
$("#typeChangeText").val("");
|
||
}
|
||
})
|
||
|
||
//流程状态筛选
|
||
$(".spp-state-nav").click(function () {
|
||
if ($(this).attr("class") != "spp-state-nav spp-active") {
|
||
$(".spp-state-nav").removeClass("spp-active");
|
||
$(this).addClass("spp-active");
|
||
$("#flowText").val($(this).attr("data"));
|
||
} else {
|
||
$(this).removeClass("spp-active");
|
||
$("#flowText").val("");
|
||
}
|
||
})
|
||
|
||
//重置
|
||
function resetBtn() {
|
||
$(".spp-state-nav").removeClass("spp-active");
|
||
$(".spp-type-nav").removeClass("spp-active");
|
||
$(".spp-wb-date").val(todayDate());
|
||
var searchText = $("#searchText").val();
|
||
//点击确定后隐藏
|
||
closeHide();
|
||
var typeChangeText = $("#typeChangeText").val();
|
||
if(typeChangeText == 0) {
|
||
//初始化列表
|
||
intiPage(searchText, "", "", "","");
|
||
} else {
|
||
initMarksList(searchText, "", "", typeChangeText, "");
|
||
}
|
||
}
|
||
|
||
//展开悬浮导航
|
||
$("#photograph").click(function () {
|
||
goChange();
|
||
//$(this).fadeOut(200);
|
||
//$("#buoyMenu").animate({right: '0px'}, 500)
|
||
})
|
||
//关闭悬浮导航
|
||
$("#putAway").click(function () {
|
||
$("#photograph").fadeIn(1000)
|
||
$("#buoyMenu").animate({right: '-240px'}, 500)
|
||
})
|
||
|
||
//页面初始化
|
||
$(function () {
|
||
var searchText = $("#searchText").val();
|
||
var projectName = $("#projectText").val();
|
||
var typeChangeText = $("#typeChangeText").val();
|
||
//初始化列表
|
||
//如果是问题整改
|
||
if(typeChangeText == 0) {
|
||
//初始化列表
|
||
intiPage(searchText, "", "", "","");
|
||
} else {
|
||
//初始化和我相关（审核通过的）
|
||
initMarksList(searchText, "", "", typeChangeText, "");
|
||
}
|
||
})
|
||
|
||
//搜索功能
|
||
$("#searchBut").click(function () {
|
||
var searchText = $("#searchText").val();
|
||
var typeChangeText = $("#typeChangeText").val();
|
||
var projectName = $("#projectText").val();
|
||
if(typeChangeText == 0) {
|
||
//初始化列表
|
||
intiPage(searchText, "", "", "","");
|
||
} else {
|
||
//初始化和我相关（审核通过的）
|
||
initMarksList(searchText, "", "", typeChangeText, 4);
|
||
}
|
||
})
|
||
|
||
//初始化列表
|
||
function intiPage(searchText, startTime, endTime,infoType, checkState) {
|
||
$.post("/weixin/sspManage/listSspInfoChanges", {
|
||
"searchText": searchText,
|
||
"startTime": startTime,
|
||
"endTime": endTime,
|
||
"infoType":infoType,
|
||
"checkState":checkState
|
||
}, function (result) {
|
||
//清空
|
||
$("#listPage").empty();
|
||
//项目名称
|
||
if(result.projectName == "") {
|
||
$("#projectName").text($("#projectText").val());
|
||
} else {
|
||
$("#projectName").text(result.projectName);
|
||
}
|
||
|
||
//已发布条数
|
||
$("#changes").text(result.allChangesInfoSize);
|
||
//我发布条数
|
||
$("#nicked").text(result.allNickedInfoSize);
|
||
var str = ""
|
||
if(result.allChangesInfo != null && result.allChangesInfo.length > 0){
|
||
for (var i = 0; i < result.allChangesInfo.length; i++) {
|
||
//待办理
|
||
if(result.allChangesInfo[i].checkState == 0) {
|
||
if(result.allChangesInfo[i].showState == "0"){
|
||
str += '<div class="ssp-record" onclick=gotoStayPage(\''+result.allChangesInfo[i].id+'\',\''+0+'\')>';
|
||
}else{
|
||
str += '<div class="ssp-record" onclick=gotoStayPage(\''+result.allChangesInfo[i].id+'\',\''+1+'\')>';
|
||
}
|
||
str += '<div class="row">'+
|
||
'<div class="col-xs-3">'+
|
||
'<div class="ssp-record-img">'+
|
||
'<img src="'+result.allChangesInfo[i].marksPicture+'">'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'<div class="col-xs-7">'+
|
||
'<div class="ssp-record-name">'+result.allChangesInfo[i].workParts+'</div>'+
|
||
'<table class="ssp-record-table">'+
|
||
'<tr>'+
|
||
'<td>'+'工程名称：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].workParts+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'施工单位：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].projectName+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'发布时间：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].createTime+'</td>'+
|
||
'</tr>'+
|
||
'</table>'+
|
||
'</div>'+
|
||
'<div class="col-xs-2">'+
|
||
'<div class="spp-state spp-state-dzg">'+'待整改'+'</div>'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'</div>'
|
||
} else if(result.allChangesInfo[i].checkState == 3) {
|
||
//未通过的
|
||
str += '<div class="ssp-record" onclick=gotoStayPage(\''+result.allChangesInfo[i].id+'\',\''+2+'\')>'+
|
||
'<div class="row">'+
|
||
'<div class="col-xs-3">'+
|
||
'<div class="ssp-record-img">'+
|
||
'<img src="'+result.allChangesInfo[i].fileUrl+'">'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'<div class="col-xs-7">'+
|
||
'<div class="ssp-record-name">'+result.allChangesInfo[i].workParts+'</div>'+
|
||
'<table class="ssp-record-table">'+
|
||
'<tr>'+
|
||
'<td>'+'工程名称：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].workParts+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'施工单位：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].projectName+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'发布时间：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].createTime+'</td>'+
|
||
'</tr>'+
|
||
'</table>'+
|
||
'</div>'+
|
||
'<div class="col-xs-2">'+
|
||
'<div class="spp-state spp-state-dzg">'+'未整改'+'</div>'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'</div>'
|
||
} else if(result.allChangesInfo[i].checkState == 1) {
|
||
str += '<div class="ssp-record" onclick=gotoStayPage(\''+result.allChangesInfo[i].id+'\',\''+2+'\')>'+
|
||
'<div class="row">'+
|
||
'<div class="col-xs-3">'+
|
||
'<div class="ssp-record-img">'+
|
||
'<img src="'+result.allChangesInfo[i].fileUrl+'">'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'<div class="col-xs-7">'+
|
||
'<div class="ssp-record-name">'+result.allChangesInfo[i].workParts+'</div>'+
|
||
'<table class="ssp-record-table">'+
|
||
'<tr>'+
|
||
'<td>'+'工程名称：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].workParts+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'施工单位：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].projectName+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'发布时间：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].createTime+'</td>'+
|
||
'</tr>'+
|
||
'</table>'+
|
||
'</div>'+
|
||
'<div class="col-xs-2">'+
|
||
'<div class="spp-state spp-state-dsp">'+'待复检'+'</div>'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'</div>'
|
||
} else if(result.allChangesInfo[i].checkState == 4) {
|
||
str += '<div class="ssp-record" onclick=gotoStayPage(\''+result.allChangesInfo[i].id+'\',\''+3+'\')>'+
|
||
'<div class="row">'+
|
||
'<div class="col-xs-3">'+
|
||
'<div class="ssp-record-img">'+
|
||
'<img src="'+result.allChangesInfo[i].fileUrl+'">'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'<div class="col-xs-7">'+
|
||
'<div class="ssp-record-name">'+result.allChangesInfo[i].workParts+'</div>'+
|
||
'<table class="ssp-record-table">'+
|
||
'<tr>'+
|
||
'<td>'+'工程名称：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].workParts+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'施工单位：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].projectName+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'发布时间：'+'</td>'+
|
||
'<td>'+result.allChangesInfo[i].createTime+'</td>'+
|
||
'</tr>'+
|
||
'</table>'+
|
||
'</div>'+
|
||
'<div class="col-xs-2">'+
|
||
'<div class="spp-state spp-state-yzg">'+'已通过'+'</div>'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'</div>'
|
||
}
|
||
}
|
||
}
|
||
$("#listPage").append(str);
|
||
})
|
||
}
|
||
|
||
//初始化留痕列表
|
||
function initMarksList(searchText,startTime, endTime,infoType, checkState) {
|
||
$.get("/weixin/sspManage/listMarks", {
|
||
"positionPart":searchText,
|
||
"startTime": startTime,
|
||
"endTime": endTime,
|
||
"infoType":infoType,
|
||
"checkState":checkState
|
||
}, function (result) {
|
||
//清空
|
||
$("#listPage").empty();
|
||
//项目名称
|
||
if(result.projectName == "") {
|
||
$("#projectName").text($("#projectText").val());
|
||
} else {
|
||
$("#projectName").text(result.projectName);
|
||
}
|
||
|
||
//已发布条数
|
||
$("#changes").text(result.publishMarksSize);
|
||
//我的发布（未通过的记录）
|
||
$("#nicked").text(result.publishMarksMySize);
|
||
var str = ""
|
||
for (var i = 0; i < result.publishMarks.length; i++) {
|
||
if(result.publishMarks[i].checkState == 4 ) {
|
||
str += '<div class="ssp-record" onclick=checkMarks(\''+result.publishMarks[i].id+'\',\''+4+'\')>'+
|
||
'<div class="row">'+
|
||
'<div class="col-xs-3">'+
|
||
'<div class="ssp-record-img">'+
|
||
'<img src="'+result.publishMarks[i].marksPicture+'">'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'<div class="col-xs-7">'+
|
||
'<div class="ssp-record-name">'+result.publishMarks[i].positionPart+'</div>'+
|
||
'<table class="ssp-record-table">'+
|
||
'<tr>'+
|
||
'<td>'+'隐患描述：'+'</td>'+
|
||
'<td>'+result.publishMarks[i].positionPart+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'工程名称：'+'</td>'+
|
||
'<td>'+result.publishMarks[i].marksLocation+'</td>'+
|
||
'</tr>'+
|
||
'<tr>'+
|
||
'<td>'+'发布时间：'+'</td>'+
|
||
'<td>'+result.publishMarks[i].createDate+'</td>'+
|
||
'</tr>'+
|
||
'</table>'+
|
||
'</div>'+
|
||
'<div class="col-xs-2">'+
|
||
'<div class="spp-state spp-state-dzg">'+'已完成'+'</div>'+
|
||
'</div>'+
|
||
'</div>'+
|
||
'</div>'
|
||
}
|
||
}
|
||
$("#listPage").append(str);
|
||
})
|
||
}
|
||
|
||
//跳转我发布的页面
|
||
function nickedClick() {
|
||
window.location.href = "/weixin/sspManage/goListPageMy?searchText=" + $("#searchText").val()
|
||
+ "&typeChangeText=" + $("#typeChangeText").val()
|
||
+ "&projectName=" + $("#projectName").text()
|
||
+ "&projectId=" + $("#projectId").val()
|
||
+ "&flowText=" + $("#flowText").val();
|
||
}
|
||
|
||
//筛选
|
||
function confirmBtn() {
|
||
//点击确定后隐藏
|
||
closeHide()
|
||
var startTime = $("#startTime").val();
|
||
var endTime = $("#endTime").val();
|
||
var typeChangeText = $("#typeChangeText").val();
|
||
var flowText = $("#flowText").val();
|
||
|
||
if(typeChangeText == 0) {
|
||
//typeCange:类型, checkStart:审核状态
|
||
intiPage("", startTime, endTime, typeChangeText,flowText);
|
||
} else {
|
||
initMarksList("",startTime, endTime, typeChangeText, flowText);
|
||
}
|
||
}
|
||
|
||
//页面的跳转
|
||
function gotoStayPage(id, Num) {
|
||
//根据状态跳转不同的页面 0 待整改 1 未整改 2 需审核 3通过
|
||
if(Num == 0) {
|
||
window.location.href = "/weixin/sspManage/goStayCheckPageMy?id="+id+"&numState="+Num;
|
||
}
|
||
if(Num == 1) {
|
||
window.location.href = "/weixin/sspManage/goStayCheckPage?id="+id+"&numState="+Num;
|
||
}
|
||
if(Num == 2) {
|
||
window.location.href = "/weixin/sspManage/goStayCheckPage?id="+id+"&numState="+Num;
|
||
}
|
||
if(Num == 3) {
|
||
window.location.href = "/weixin/sspManage/goStayCheckPage?id="+id+"&numState="+Num;
|
||
}
|
||
}
|
||
|
||
//跳转到问题整改的页面
|
||
function goChange() {
|
||
let projectName = $("#projectName").text();
|
||
window.location.href = "/weixin/sspManage/goChangeSave?projectName=" +projectName;
|
||
}
|
||
|
||
//跳转到质量留痕的页面
|
||
function goNick() {
|
||
let projectName = $("#projectName").text();
|
||
window.location.href = "/weixin/sspManage/goNickedSave?projectName="+projectName;
|
||
}
|
||
|
||
//页面的跳转
|
||
function checkMarks(id, Num) {
|
||
if(Num == 4) {
|
||
window.location.href = "/weixin/sspManage/goMarksView?id="+id+"&numState="+Num;
|
||
}
|
||
}
|
||
</script>
|
||
</html> |