jhprjv2/ruoyi-wechat/src/main/resources/templates/pshManage/myChanges.html

295 lines
9.7 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/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>