187 lines
6.1 KiB
HTML
187 lines
6.1 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/commes.css" />
|
|
<link rel="stylesheet" href="../../css/ssp/photoswipe.css"/>
|
|
<link rel="stylesheet" href="../../css/ssp/default-skin/default-skin.css"/>
|
|
<link rel="stylesheet" href="../../css/ssp/takePicture.css">
|
|
<title>安全留痕查看</title>
|
|
<style>
|
|
.ssp-block-block video{
|
|
display: block;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<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">
|
|
<input type="hidden" id="mainId" th:value="${dbSSpMark.id}">
|
|
<div class="ssp-rectification-opinions">
|
|
<div class="ssp-ro-title">
|
|
<span>留痕上报</span>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
拍摄位置
|
|
</div>
|
|
<div class="ssp-block-position" th:text="${dbSSpMark.marksLocation}">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
图片
|
|
</div>
|
|
<div class="my-gallery row">
|
|
<figure th:if="${pictureMap.fileListPictureState == 'OK'}" th:each="fileListImgObj:${pictureMap.fileListPicture}">
|
|
<a th:href="@{${fileListImgObj.fileUrl}}">
|
|
<img th:src="${fileListImgObj.fileUrl}" class="img-border"/>
|
|
</a>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block" th:if="${videoMap.fileListVideoState == 'OK'}">
|
|
<div class="spp-block-title">
|
|
视频
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-4" th:each="fileListVideoObj:${videoMap.fileListVideo}">
|
|
<div class="ssp-block-video ssp-block-block">
|
|
<video controls="controls" th:src="${fileListVideoObj.fileUrl}" ></video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
工程名称
|
|
</div>
|
|
<div class="ssp-block-word" th:text="${dbSSpMark.engineeringName}">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
隐患描述
|
|
</div>
|
|
<div class="ssp-block-word" th:text="${dbSSpMark.positionPart}">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
工序名称
|
|
</div>
|
|
<div class="ssp-block-word" th:text="${dbSSpMark.procedure}">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
上报人身份证号码
|
|
</div>
|
|
<div class="ssp-block-word" th:text="${dbSSpMark.idcardnum}">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
审核人
|
|
</div>
|
|
<div class="ssp-block-word" th:text="${dbSSpMark.auditorPerson}">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ssp-block">
|
|
<div class="spp-block-title">
|
|
留痕时间
|
|
</div>
|
|
<div class="ssp-block-word" th:text="${dbSSpMark.createDate}">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ssp-popup" id="popup">
|
|
<div class="ssp-popup-content">
|
|
<div class="spp-popup-btn">
|
|
<button type="button" onclick="closeHide()">取消</button>
|
|
<!-- <button type="button" onclick="confirmBtn()">提交</button>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--以下内容不要管-->
|
|
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="pswp__bg"></div>
|
|
<div class="pswp__scroll-wrap">
|
|
<div class="pswp__container">
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
</div>
|
|
<div class="pswp__ui pswp__ui--hidden">
|
|
<div class="pswp__top-bar">
|
|
<div class="pswp__counter"></div>
|
|
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
|
<div class="pswp__preloader">
|
|
<div class="pswp__preloader__icn">
|
|
<div class="pswp__preloader__cut">
|
|
<div class="pswp__preloader__donut"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
|
<div class="pswp__share-tooltip"></div>
|
|
</div>
|
|
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
|
|
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
|
|
<div class="pswp__caption">
|
|
<div class="pswp__caption__center"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="../../js/ssp/jquery-3.0.0.min.js"></script>
|
|
<script type="text/javascript" src="../../js/ssp/photoswipe.min.js"></script>
|
|
<script type="text/javascript" src="../../js/ssp/photoswipe-ui-default.min.js"></script>
|
|
<script type="text/javascript" src="../../js/ssp/initialization.js"></script>
|
|
<script>
|
|
$("#reject").click(function () {
|
|
$("body").css("overflow","hidden")
|
|
$("#popup").fadeIn(300);
|
|
})
|
|
|
|
function closeHide() {
|
|
$("body").css("overflow","auto")
|
|
$("#popup").fadeOut(300);
|
|
}
|
|
|
|
function goBack() {
|
|
|
|
window.history.back();
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</html> |