295 lines
9.7 KiB
HTML
295 lines
9.7 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">
|
|||
|
<link rel="stylesheet" href="../../css/ssp/newTips.css">
|
|||
|
<title>安全隐患问题</title>
|
|||
|
<style>
|
|||
|
.ssp-block-block video{
|
|||
|
display: block;
|
|||
|
}
|
|||
|
</style>
|
|||
|
</head>
|
|||
|
<body>
|
|||
|
|
|||
|
<input type="hidden" id="changeId" th:value="${queryChangeNicked.id}">
|
|||
|
|
|||
|
<div class="ssp-all">
|
|||
|
<div class="loading_p">
|
|||
|
<img src="../../img/ssp/866000e905ae45a8b79d80de52bb4e9a.gif">
|
|||
|
<div>正在提交数据!请稍后...</div>
|
|||
|
</div>
|
|||
|
<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="${queryChangeNicked.projectUnit}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
图片
|
|||
|
</div>
|
|||
|
<div class="my-gallery row">
|
|||
|
<figure th:if="${queryChangeNicked.fileListImgState == 'OK'}" th:each="fileListImgObj:${queryChangeNicked.fileListImg}">
|
|||
|
<a th:href="@{${fileListImgObj.fileUrl}}">
|
|||
|
<img th:src="${fileListImgObj.fileUrl}" class="img-border"/>
|
|||
|
</a>
|
|||
|
</figure>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block" th:if="${queryChangeNicked.fileListVideoState == 'OK'}">
|
|||
|
<div class="spp-block-title">
|
|||
|
视频
|
|||
|
</div>
|
|||
|
<div class="row">
|
|||
|
<div class="col-xs-4" th:each="fileListVideoObj:${queryChangeNicked.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="${queryChangeNicked.workParts}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
情况描述
|
|||
|
</div>
|
|||
|
<div class="ssp-block-word" th:text="${queryChangeNicked.changeInfo}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
检查单位
|
|||
|
</div>
|
|||
|
<div class="ssp-block-word" th:text="${queryChangeNicked.projectUnit}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
检查人
|
|||
|
</div>
|
|||
|
<div class="ssp-block-word" th:text="${queryChangeNicked.name}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
检查时间
|
|||
|
</div>
|
|||
|
<div class="ssp-block-word" th:text="${#temporals.format(queryChangeNicked.createTime,'yyyy-MM-dd HH:mm:ss')}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-block" th:if="${queryChangeNicked.rejectState == 'OK'}">
|
|||
|
<div class="spp-block-title">
|
|||
|
驳回意见
|
|||
|
</div>
|
|||
|
<div class="ssp-block-word" th:text="${queryChangeNicked.rejectInfo}">
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<form id="form-change-save" enctype="multipart/form-data" action="##" method="post">
|
|||
|
<div class="ssp-rectification-illustrate">
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
整改说明
|
|||
|
</div>
|
|||
|
<div class="ssp-ri-textarea">
|
|||
|
<textarea placeholder="请输入整改说明" id="opinion" name="opinion"></textarea>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="ssp-rectification-illustrate">
|
|||
|
<div class="ssp-block">
|
|||
|
<div class="spp-block-title">
|
|||
|
整改后图片
|
|||
|
</div>
|
|||
|
<div class="row eq-scene-max">
|
|||
|
<div>
|
|||
|
|
|||
|
</div>
|
|||
|
<div class="col-xs-4">
|
|||
|
<div class="rq-add-to"></div>
|
|||
|
<input type="file" accept="image/*" class="rq-file" onchange="xmTanUploadImg(this)">
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<div class="ssp-btn">
|
|||
|
<div class="row">
|
|||
|
<div class="col-xs-6">
|
|||
|
<button type="button" class="ssp-btn-cancel" id="backBut">取消</button>
|
|||
|
</div>
|
|||
|
<div class="col-xs-6">
|
|||
|
<button type="button" class="ssp-btn-confirm" id="saveBut">确认</button>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</form>
|
|||
|
</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 type="text/javascript" src="../../js/ssp/newTips.js"></script>
|
|||
|
<script type="text/javascript" src="../../js/jquery.form.js"></script>
|
|||
|
<script>
|
|||
|
|
|||
|
var i = 0;
|
|||
|
function xmTanUploadImg(obj) {
|
|||
|
i++;
|
|||
|
var a = "preview"+i;
|
|||
|
var b = "#preview"+i;
|
|||
|
var c = "xmTanImg"+i
|
|||
|
$(obj).parent().prev().append('<div class="col-xs-4"><div class="eq-scene-img" id="'+a+'"><div class="rq-delete" onclick="deletes(this)">×</div></div></div>')
|
|||
|
$(b).prepend("<img id='"+c+"' name='imgName'>");
|
|||
|
var file = obj.files[0];
|
|||
|
if(file == undefined){
|
|||
|
//alert(123);
|
|||
|
//$("#image").val("");
|
|||
|
}else{
|
|||
|
var reader = new FileReader();
|
|||
|
|
|||
|
//读取文件过程方法
|
|||
|
reader.onloadstart = function (e) {
|
|||
|
console.log("开始读取....");
|
|||
|
}
|
|||
|
reader.onprogress = function (e) {
|
|||
|
console.log("正在读取中....");
|
|||
|
}
|
|||
|
reader.onabort = function (e) {
|
|||
|
console.log("中断读取....");
|
|||
|
}
|
|||
|
reader.onerror = function (e) {
|
|||
|
console.log("读取异常....");
|
|||
|
}
|
|||
|
reader.onload = function (e) {
|
|||
|
console.log("成功读取....");
|
|||
|
console.log(e);
|
|||
|
var img = document.getElementById(c);
|
|||
|
var data = e.target.result;
|
|||
|
|
|||
|
var image = new Image();
|
|||
|
image.src= data;
|
|||
|
image.onload=function(){
|
|||
|
img.src= data;
|
|||
|
};
|
|||
|
}
|
|||
|
reader.readAsDataURL(file)
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
function deletes(de){
|
|||
|
$(de).parent().parent().remove();
|
|||
|
}
|
|||
|
|
|||
|
$("#backBut").click(function () {
|
|||
|
|
|||
|
window.history.back();
|
|||
|
})
|
|||
|
|
|||
|
//信息提交
|
|||
|
$("#saveBut").click(function () {
|
|||
|
var id = $("#changeId").val();
|
|||
|
|
|||
|
var opinion = $("#opinion").val();
|
|||
|
if(opinion == null || opinion == "") {
|
|||
|
alert("填写整改说明")
|
|||
|
return false;
|
|||
|
}
|
|||
|
|
|||
|
var nameSrc = $("[name='imgName']");
|
|||
|
|
|||
|
if(nameSrc.length <= 0) {
|
|||
|
alert("至少上传一张图片")
|
|||
|
return false;
|
|||
|
}
|
|||
|
|
|||
|
var src=[]
|
|||
|
for (var i=0;i<nameSrc.length;i++){
|
|||
|
src.push(nameSrc[i].src);
|
|||
|
}
|
|||
|
|
|||
|
var data = {
|
|||
|
"id":id,
|
|||
|
"opinion":opinion,
|
|||
|
"imgSrc": JSON.stringify(src)
|
|||
|
}
|
|||
|
|
|||
|
//请求
|
|||
|
showLoading();
|
|||
|
$.post("/weixin/pshManage/saveChangeMy", data, function (result) {
|
|||
|
hideLoading();
|
|||
|
if(result == "OK") {
|
|||
|
alert("添加成功")
|
|||
|
window.history.back();
|
|||
|
} else {
|
|||
|
alert("添加失败请联系管理员");
|
|||
|
}
|
|||
|
})
|
|||
|
|
|||
|
})
|
|||
|
|
|||
|
</script>
|
|||
|
|
|||
|
</html>
|