TroubleAndRisk.git

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('隐患验收')"/>
    <th:block th:include="include :: datetimepicker-css"/>
    <th:block th:include="include :: jasny-bootstrap-css"/>
    <th:block th:include="include :: jquery-steps-css"/>
 
    <!--多图上传样式-->
    <link rel="stylesheet" href="/ajax/libs/layui/css/layui.css" media="all">
    <style type="text/css">
        #tablist li a {
            height: 5em;
        }
 
        #tablist li.notExecute a {
            line-height: 5em;
            text-align: center;
        }
 
        label.error{
            position :absolute !important;
        }
    </style>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-hdcp-edit" th:object="${hdcp}">
        <h4 class="form-header h4">处理进度</h4>
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-sm-12">
                <div role="application" class="wizard clearfix">
                    <div class="steps clearfix">
                        <ul role="tablist" id="tablist">
                            <li role="tab" class="disabled done" aria-disabled="true" aria-selected="false">
                                <a><span th:text="${'1.【'+hdcp.registerUserName+'】登记'}"></span><br/>
                                    <span th:text="${#dates.format(hdcp.registerCreateTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                                </a>
                            </li>
                            <li role="tab" class="disabled done" aria-disabled="true" aria-selected="false">
                                <a><span th:text="${'2.【'+hdcp.examineUserName+'】核查'}"></span><br/>
                                    <span th:text="${#dates.format(hdcp.examineCreateTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                                </a>
                            </li>
                            <li role="tab" class="disabled  done" aria-disabled="true" aria-selected="false">
                                <a><span th:text="${'3.【'+hdcp.rectifyUserName+'】整改'}"></span><br/>
                                    <span th:text="${#dates.format(hdcp.rectifyCreateTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                                </a>
                            </li>
                            <li role="tab" class="disabled  current" aria-disabled="true" aria-selected="true">
                                <a><span th:text="${'4.【'+hdcp.acceptUserName+'】验收'}"></span>
                                </a>
                            </li>
                            <!--<li role="tab" class="disabled" aria-disabled="true">
                                <a><span>1</span><br/><span>1</span></a>
                            </li>
                            <li role="tab" class="disabled" aria-disabled="true">
                                <a><span>1</span><br/><span>1</span></a>
                            </li>-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
 
        <input name="id" th:field="*{id}" type="hidden">
        <input name="checkId" th:field="*{checkId}" type="hidden">
        <h4 class="form-header h4">隐患登记信息</h4>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">排查方式：</label>
                    <div class="col-sm-8" th:switch="*{checkType}">
                        <input value="基础清单排查" class="form-control" type="text" readonly="readonly" th:case="1">
                        <input value="选择风险单元清单排查" class="form-control" type="text" readonly="readonly" th:case="2">
                        <input value="选择风险单元清单排查" class="form-control" type="text" readonly="readonly" th:case="*">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-3 control-label is-required">隐患来源：</label>
                    <div class="col-sm-8">
                        <select name="dangerSrc" th:field="*{dangerSrc}" class="form-control m-b"
                                th:with="type=${@dict.getType('danger_source')}"
                                required readonly="readonly" disabled>
                            <option value="" disabled>--请选择隐患来源--</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                    th:value="${dict.dictValue}" disabled></option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
 
 
        <div class="row" th:if="${hdcp.checkType=='1'}">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-sm-2 control-label ">基础清单：</label>
                    <div class="col-sm-10">
                        <input th:value="*{riskName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
 
 
        <div class="row" th:if="${hdcp.checkType=='2'||hdcp.checkType==null||hdcp.checkType==''}">
 
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">风险单元类型：</label>
                    <div class="col-sm-8" th:switch="*{riskType}">
                        <input value="设备设施清单" class="form-control" type="text" readonly="readonly" th:case="1">
                        <input value="作业活动清单" class="form-control" type="text" readonly="readonly" th:case="2">
                        <input value="工艺节点清单" class="form-control" type="text" readonly="readonly" th:case="3">
                    </div>
                </div>
            </div>
 
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">风险单元：</label>
                    <div class="col-sm-8">
                        <input th:value="*{riskName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">检查项：</label>
                    <div class="col-sm-8">
                        <input value="功能是否正常" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患名称：</label>
                    <div class="col-sm-8">
                        <textarea th:field="*{dangerName}" class="form-control" type="text" rows="4" readonly="readonly"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患排查方法：</label>
                    <div class="col-sm-8">
                        <input th:value="*{remark}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患地点：</label>
                    <div class="col-sm-8">
                        <input th:value="*{dangerPlaceName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患描述：</label>
                    <div class="col-sm-8">
                        <textarea th:field="*{dangerDescription}" class="form-control" type="text" rows="4" readonly="readonly"></textarea>
                    </div>
                </div>
            </div>
        </div>
 
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患类别：</label>
                    <div class="col-sm-8">
                        <input th:value="*{troubleTypeName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患责任部门：</label>
                    <div class="col-sm-8">
                        <input th:value="*{dangerDeptName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患视图：</label>
                    <div class="col-sm-8">
<!--                        <img style="width: 100px; height: 100px;cursor:pointer;"-->
<!--                             title="查看图片"-->
<!--                             th:src="*{preRectifyPhoto}"-->
<!--                             onclick="showPicture(this.getAttribute('data-id'),'preRectifyPhoto')"-->
<!--                             th:data-id="${hdcp.id}">-->
                        <img style="width: 100px; height: 100px;cursor:pointer;display: none"
                             title="查看图片"
                             class="allPics1"
                             th:src="*{preRectifyPhoto}"
                             onclick="showPicture(this.getAttribute('data-id'),'preRectifyPhoto')"
                             th:data-id="${hdcp.id}">
                        <div class="image-container1" style="display: flex;align-items: flex-start"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label  ">隐患核查人：</label>
                    <div class="col-sm-8">
                        <input th:value="*{examineUserName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">登记人：</label>
                    <div class="col-sm-8">
                        <input th:value="*{registerUserName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">登记时间：</label>
                    <div class="col-sm-8">
                        <input th:value="${#dates.format(hdcp.registerCreateTime,'yyyy-MM-dd HH:mm:ss')}"
                               class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
        <h4 class="form-header h4">隐患核查信息</h4>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">隐患核查意见：</label>
                    <div class="col-sm-8">
                        <input th:value="*{examineOpinion}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患核查结果：</label>
                    <div class="col-sm-8" th:switch="*{dangerLevel}">
                        <input value="一般隐患" class="form-control" type="text" readonly="readonly" th:case="0">
                        <input value="重大隐患" class="form-control" type="text" readonly="readonly" th:case="1">
                    </div>
                </div>
            </div>
        </div>
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患治理期限：</label>
                    <div class="col-sm-8">
                        <input th:value="${#dates.format(hdcp.rectifyDeadlineTime,'yyyy-MM-dd')}"
                               class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">隐患整改部门：</label>
                    <div class="col-sm-8">
                        <input th:value="*{rectifyDeptName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">隐患整改责任人：</label>
                    <div class="col-sm-8">
                        <input th:value="*{rectifyUserName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">核查时间：</label>
                    <div class="col-sm-8">
                        <input th:value="${#dates.format(hdcp.examineCreateTime,'yyyy-MM-dd HH:mm:ss')}"
                               class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
        <div class="row">
            <div class="form-group">
                <label class="col-sm-2 control-label">隐患治理措施：</label>
                <div class="col-sm-10">
                    <input th:value="*{treatMeasure}" class="form-control" type="text" readonly="readonly">
                </div>
            </div>
        </div>
 
 
        <h4 class="form-header h4">隐患整改信息</h4>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患整改情况：</label>
                    <div class="col-sm-8">
                        <input th:value="*{rectifyCondition}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患整改资金：</label>
                    <div class="col-sm-8">
                        <input th:value="*{rectifyFund}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患整改部门：</label>
                    <div class="col-sm-8">
                        <input th:value="*{rectifyDeptName}"  class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">隐患整改人：</label>
                    <div class="col-sm-8">
                        <input th:value="*{rectifyUserName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
 
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label ">整改完成时间：</label>
                    <div class="col-sm-8">
                        <input th:value="${#dates.format(hdcp.rectifyCompleteTime,'yyyy-MM-dd')}"
                               class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
 
            <div class="col-sm-6">
                <label class="col-sm-4 control-label ">隐患整改后视图：</label>
                <div class="col-sm-8">
                    <div class="col-sm-8">
<!--                        <img style="width: 100px; height: 100px;cursor:pointer;"-->
<!--                             title="查看图片"-->
<!--                             th:src="*{postRectifyPhoto}"-->
<!--                             onclick="showPicture(this.getAttribute('data-id'),'postRectifyPhoto')"-->
<!--                             th:data-id="${hdcp.id}">-->
                        <img style="width: 100px; height: 100px;cursor:pointer;display: none"
                             title="查看图片"
                             class="allPics2"
                             th:src="*{postRectifyPhoto}"
                             onclick="showPicture(this.getAttribute('data-id'),'postRectifyPhoto')"
                             th:data-id="${hdcp.id}">
                        <div class="image-container2" style="display: flex;align-items: flex-start"></div>
                    </div>
                </div>
            </div>
        </div>
 
 
        <div class="row">
            <div class="form-group">
                <label class="col-sm-2 control-label">隐患整改措施：</label>
                <div class="col-sm-10">
                    <input th:value="*{rectifyMeasure}" class="form-control" type="text" readonly="readonly">
                </div>
            </div>
        </div>
 
 
        <h4 class="form-header h4">隐患验收信息</h4>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">验收意见：</label>
            <div class="col-sm-8">
                <input name="acceptOpinion" class="form-control" type="text" required>
            </div>
        </div>
 
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">验收结果：</label>
            <div class="col-sm-8">
                <select name="acceptResult" class="form-control m-b" required>
                    <option value="1">通过</option>
                    <option value="0">不通过</option>
                </select>
            </div>
        </div>
 
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">验收时间：</label>
            <div class="col-sm-8">
                <div class="input-group date">
                    <input name="acceptCreateTime" class="form-control" type="text" readonly="readonly" required>
                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                </div>
            </div>
        </div>
 
        <div class="form-group">
            <label class="col-sm-3 control-label">验收文件上传：</label>
            <div class="col-sm-8">
                <input name="acceptFile" id="acceptFile" type="hidden">
                <div class="fileinput fileinput-new" data-provides="fileinput">
                    <span class="btn btn-white btn-file"><span class="fileinput-new">选择文件</span><span
                            class="fileinput-exists">更改</span>
                        <input type="file" id="acceptFileUpload"></span>
                    <span class="fileinput-filename"></span>
                    <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>
                </div>
            </div>
        </div>
 
    </form>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: jasny-bootstrap-js"/>
<th:block th:include="include :: jquery-steps-js"/>
<script type="text/javascript">
    $(document).ready(function () {
        var imgsUrl1 = $('.allPics1');
        var imageUrls1 = imgsUrl1.attr('src')
        var ids = imgsUrl1.attr('data-id')
        var imageContainer1 = document.querySelector('.image-container1');
        // 将逗号分隔的字符串拆分为URL数组
        var imageUrlArray1 = imageUrls1.split(',');
        // 遍历URL数组并创建img元素
        imageUrlArray1.forEach(function(url, index) {
            var img = document.createElement('img');
            img.setAttribute('src', url);
            img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin-right: 10px');
            img.setAttribute('title', '查看图片');
            img.setAttribute('data-id', ids);
            img.addEventListener('click', function() {
                // showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
                openPicture(url)
            });
            imageContainer1.appendChild(img);
        });
 
        var imgsUrl2 = $('.allPics2');
        var imageUrls2 = imgsUrl2.attr('src')
        var imageContainer2 = document.querySelector('.image-container2');
        // 将逗号分隔的字符串拆分为URL数组
        var imageUrlArray2 = imageUrls2.split(',');
        // 遍历URL数组并创建img元素
        imageUrlArray2.forEach(function(url, index) {
            var img = document.createElement('img');
            img.setAttribute('src', url);
            img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin-right: 10px');
            img.setAttribute('title', '查看图片');
            img.setAttribute('data-id', ids);
            img.addEventListener('click', function() {
                // showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
                openPicture(url)
            });
            imageContainer2.appendChild(img);
        });
        var now = new Date();
        var hour = now.getHours(); //获取当前小时数(0-23)
        var minute = now.getMinutes(); //获取当前分钟数(0-59)
        var second = now.getSeconds(); //获取当前秒数(0-59)
        $("input[name='acceptCreateTime']").datetimepicker({
            format: "yyyy-mm-dd" + ' ' + hour.toString().padStart(2, '0') + ':' + minute.toString().padStart(2, '0') + ':' + second.toString().padStart(2, '0'),
            minView: "month",
            autoclose: true
        });
    });
 
    function openPicture(url) {
        window.open(url)
    }
 
    /* 图片--查看 */
    function showPicture(id,type) {
        var showPictureUrl = "/tr/hiddenDangerCheck/dangerBase/showPicture/{type}/{id}";
        var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
        $.operate.openDetailInfo("查看图片", urlLast);
    }
 
    var prefix = ctx + "tr/hiddenDangerCheck/dangerAccept";
    $("#form-hdcp-edit").validate({
        focusCleanup: true
    });
 
 
    function submitHandler() {
        if ($.validate.form()) {
            var data = $('#form-hdcp-edit').serializeArray();
            $.operate.save(prefix + "/editDangerAcceptSave", data);
        }
    }
 
 
    $("input[name='rectifyCompleteTime']").datetimepicker({
        format: "yyyy-mm-dd",
        minView: "month",
        autoclose: true
    });
 
 
    $('#acceptFileUpload').on('change.bs.fileinput ', function (e) {
        var formData = new FormData();
        formData.append("file", $('#acceptFileUpload')[0].files[0]);
        $.ajax({
            url: ctx + 'tr/upload',
            data: formData,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function (result) {
                var acceptFile = result.imageUrl;
                $("#acceptFile").val(acceptFile);
            }
        });
    }).on('clear.bs.fileinput ', function (e) {
        $("#acceptFile").val("");
    });
 
 
</script>
</body>
</html>