jhprjv2/ruoyi-wechat/src/main/resources/templates/sspManage/sspListPage.html

552 lines
22 KiB
HTML
Raw Normal View History

2023-08-10 21:09:49 +08:00
<!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>'+
2023-08-11 22:15:06 +08:00
'<td>'+'问题描述:'+'</td>'+
2023-08-10 21:09:49 +08:00
'<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>