298 lines
9.8 KiB
HTML
298 lines
9.8 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 () {
|
||
showLoading();
|
||
var id = $("#changeId").val();
|
||
|
||
var opinion = $("#opinion").val();
|
||
if(opinion == null || opinion == "") {
|
||
hideLoading();
|
||
alert("填写整改说明");
|
||
return false;
|
||
}
|
||
|
||
var nameSrc = $("[name='imgName']");
|
||
|
||
if(nameSrc.length <= 0) {
|
||
hideLoading();
|
||
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> |