zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>反馈详情</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
    <link rel="stylesheet" href="../../../assets/module/uParas.css?v=312"/>
</head>
<body>
<style type="text/css">
    .divClass {
        padding-top: 10px;
    }

    .videoClass {
        width: 400px;
        height: 200px;
        border-radius: 6px !important;
        margin: -1px;
    }

    .videoDiv video {
        width: 200px;
        height: 100px;
        border-radius: 6px !important;
        margin: -1px;
    }
</style>
<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-card-header">
                反馈详情
                <div class="layui-inline pull-right">
                    <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-normal">返回</button>
                </div>
                <div class="layui-inline pull-right" style="padding-right: 15px;display: none" id="handleDiv">
                    <button id="closeQuestion" class="layui-btn layui-btn-sm layui-btn-warm">关闭反馈</button>
                    <button id="addHiddenDanger" class="layui-btn layui-btn-sm layui-btn-danger">下发为隐患</button>
                </div>
            </div>
            <div class="layui-card-body">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <div class="layui-tab-content" style="height: auto;">
                        <div class="layui-tab-item layui-show">
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>基本信息</legend>
                            </fieldset>
                            <div class="layui-row">
                                <div class="layui-col-xs12">
                                    <div class="layui-form">
                                        <table class="layui-table">
                                            <!--<colgroup>-->
                                            <!--<col width="150">-->
                                            <!--<col width="150">-->
                                            <!--<col width="200">-->
                                            <!--<col>-->
                                            <!--</colgroup>-->
                                            <thead>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <th width="150">问题/隐患 所在部门</th>
                                                <td id="executorGroupName" colspan="3"></td>
                                            </tr>

                                            <tr>
                                                <th width="150">反馈人员</th>
                                                <td id="executorName"></td>
                                                <th width="150">提交时间</th>
                                                <td id="createdTime"></td>
                                            </tr>
                                            <tr>
                                                <th width="150">处理人员</th>
                                                <td id="disposeName"></td>
                                                <th width="150">处理时间</th>
                                                <td id="updatedTime"></td>
                                            </tr>
                                            <tr>
                                                <th width="150">处理结果</th>
                                                <td id="resultValue"></td>
                                                <th width="150">处理结果描述</th>
                                                <td id="resultRemark"></td>
                                            </tr>
                                            <tr>
                                                <th width="150">反馈描述</th>
                                                <td colspan="3" id="spotRemark">

                                                </td>
                                            </tr>
                                            <tr>
                                                <th width="150">现场照片</th>
                                                <td id="spotImg" colspan="3"></td>
                                            </tr>
                                            <tr>
                                                <th width="150">现场视频</th>
                                                <td id="spotVideo" colspan="3"></td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 表单弹窗 -->
<script type="text/html" id="modelTpl">
    <form id="modelForm" lay-filter="modelForm" class="layui-form model-form">
        <input type="hidden" class="layui-input" id="hdangerId" name="hdangerId"/>
        <input type="hidden" class="layui-input" id="hdangerReviewOn" name="hdangerReviewOn"/>
        <div class="divClass layui-col-md6">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 隐患名称</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" id="hdangerTitle" name="hdangerTitle" placeholder="请输入标题"
                       maxlength="64"
                       lay-verType="tips" lay-verify="required" required/>
            </div>
        </div>

        <div class="divClass layui-col-md6">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 隐患类型</label>
            <div class="layui-input-block">
                <select name="hdangerCatId" id="hdangerCatId" lay-verType="tips" lay-verify="required" required
                        class="layui-input-block ">
                </select>
            </div>
        </div>

        <div class="divClass layui-col-md6">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 隐患等级</label>
            <div class="layui-input-block">
                <select id="hdangerLevel" name="hdangerLevel" lay-filter="layuiForm" lay-verType="tips"
                        lay-verify="required"
                        class="layui-input-block ">
                    <option value="">点击选择</option>
                </select>
            </div>
        </div>

        <div class="divClass layui-col-md6">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 整改期限</label>
            <div class="layui-input-block">
                <input type="text" name="hdangerRetifyDeadline" id="hdangerRetifyDeadline"
                       lay-verType="tips" lay-verify="required" class="layui-input" readonly>
            </div>
        </div>

        <div class="divClass layui-col-md6" id="hdangerReviewGroupDiv" style="display: none">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 评审部门</label>
            <div class="layui-input-block">
                <input type="text" id="hdangerReviewGroupName" class="layui-input" name="hdangerReviewGroupName"
                       value=""
                       placeholder="点击选择部门"
                       class="form-control" readonly>
                <input type="hidden" id="hdangerReviewGroup" name="hdangerReviewGroup" readonly>
                <div id="menuContentReview" class="menuContent">
                    <ul id="threeLevelGroupReview" class="ztree" style="margin-top:0;"></ul>
                </div>
            </div>
        </div>
        <div class="divClass layui-col-md6" id="hdangerReviewByDiv" style="display: none">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 评审人员</label>
            <div class="layui-input-block">
                <select id="hdangerReviewBy" name="hdangerReviewBy" lay-verType="tips" class="layui-input-block">
                    <option value="">点击选择人员</option>
                </select>
            </div>
        </div>

        <div class="divClass layui-col-md6" id="hdangerRetifyGroupDiv" style="display: none">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 整改部门</label>
            <div class="layui-input-block">
                <input type="text" id="hdangerRetifyGroupName" class="layui-input" name="hdangerRetifyGroupName"
                       value=""
                       placeholder="点击选择部门"
                       class="form-control" readonly>
                <input type="hidden" id="hdangerRetifyGroup" name="hdangerRetifyGroup" readonly>
                <div id="menuContentRetify" class="menuContent">
                    <ul id="threeLevelGroupRetify" class="ztree" style="margin-top:0;"></ul>
                </div>
            </div>
        </div>
        <div class="divClass layui-col-md6" id="hdangerRetifyByDiv" style="display: none">
            <label class="layui-form-label "><span class="layui-badge-dot"></span> 整改人员</label>
            <div class="layui-input-block">
                <select id="hdangerRetifyBy" name="hdangerRetifyBy" class="layui-input-block"
                        lay-filter="layuiFormRetify">
                    <option value="">点击选择人员</option>
                </select>
            </div>
        </div>

        <div class="divClass layui-col-md6" id="hdangerAcceptedGroupDiv" style="display: none">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 验收部门</label>
            <div class="layui-input-block">
                <input type="text" id="hdangerAcceptedGroupName" class="layui-input" name="hdangerAcceptedGroupName"
                       value=""
                       placeholder="点击选择部门"
                       class="form-control" readonly>
                <input type="hidden" id="hdangerAcceptedGroup" name="hdangerAcceptedGroup" readonly>
                <div id="menuContentAccepted" class="menuContent">
                    <ul id="threeLevelGroupAccepted" class="ztree" style="margin-top:0;"></ul>
                </div>
            </div>
        </div>
        <div class="divClass layui-col-md6" id="hdangerAcceptedByDiv" style="display: none">
            <label class="layui-form-label"><span class="layui-badge-dot"></span> 验收人员</label>
            <div class="layui-input-block">
                <select id="hdangerAcceptedBy" name="hdangerAcceptedBy" class="layui-input-block"
                        lay-verType="tips">
                    <option value="">点击选择人员</option>
                </select>
            </div>
        </div>

        <div class="divClass layui-col-md12">
            <label class="layui-form-label">现场描述</label>
            <div class="layui-input-block">
            <textarea class="layui-textarea" lay-verType="tips" lay-verify="required" placeholder="请输入描述"
                      id="hdangerDesc" name="hdangerDesc" maxlength="500"></textarea>
            </div>
        </div>

        <!--附件-->
        <div class="divClass layui-col-md12">
            <label class="layui-form-label">现场照片</label>
            <div class="layui-input-block text-left">
                <div id="imageDiv" style="padding-top: 10px;"></div>
            </div>
        </div>

        <div class="divClass layui-col-md12">
            <label class="layui-form-label">现场视频</label>
            <div class="layui-input-block text-left">
                <div id="videoDiv" class="videoDiv" style="padding-top: 10px;"></div>
            </div>
        </div>

        <div class="layui-col-md12 text-center" style="padding-bottom: 10px;padding-top: 20px;">
            <button type="button" class="layui-btn" lay-filter="formSubmit" lay-submit>&emsp;提交&emsp;</button>
            <button type="button" class="layui-btn layui-btn-normal" ew-event="closePageDialog">&emsp;取消&emsp;</button>
        </div>
    </form>
</script>
<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
<script>
    var layer;
    layui.use(['layer', 'form', 'table', 'util', 'admin', 'uParas', 'laydate', '_groupTree'], function () {
        var $ = layui.jquery;
        layer = layui.layer;
        var form = layui.form;
        var util = layui.util;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var laydate = layui.laydate;
        var _groupTree = layui._groupTree;
        //debugger;
        var feedbackId = uParas.getUrlParam("feedbackId");
        var imghtml = "";
        var videohtml = "";
        var hdangerDesc = ""
        admin.req(uParas.baseUrl + '/ent/feedback/getDetail', {"feedbackId": feedbackId}, function (res) {
            if (res.code == 1) {
                var feedback = res.data;
                if (feedback != null) {
                    hdangerDesc = feedback.spotRemark;
                    $("#spotRemark").text(feedback.spotRemark);
                    $("#executorName").text(feedback.executorName);
                    $("#createdTime").text(feedback.createdTime);
                    $("#disposeName").text(feedback.disposeName);
                    $("#updatedTime").text(feedback.updatedTime);
                    $("#resultRemark").text(feedback.resultRemark);
                    $("#executorGroupName").text(feedback.executorGroupName);
                    if (feedback.resultValue == 0) {
                        $("#resultValue").text("未处理");
                        $("#handleDiv").show();
                    } else {
                        $("#resultValue").text("已处理");
                    }
                    var subList = feedback.attachList;
                    if (subList != null && subList.length > 0) {
                        $.each(subList, function (i, item) {
                            if (item.attachType == 'image') {
                                imghtml += '<img onclick="openImage(\'' + item.attachPath + '\')"  style="width: 150px;height: 100px;border-radius: 6px !important;padding-right: 10px;" src="' + item.attachPath + '"/>';
                            } else if (item.attachType == 'video') {
                                videohtml += '<video class="videoClass" src="' + item.attachPath + '" controls="controls"></video>';
                            }
                        });
                        $('#spotImg').html(imghtml);
                        $('#spotVideo').html(videohtml);
                    }
                }

            }
        }, 'get');

        //关闭反馈
        $("#closeQuestion").click(function () {
            layer.confirm('确定要关闭反馈吗？', {
                    skin: 'layui-layer-admin',
                    shade: .1
                }
                , function (i) {
                    layer.close(i);
                    layer.load();
                    admin.req(uParas.baseUrl + '/ent/feedback/close', {"feedbackId": feedbackId}, function (res) {
                        layer.closeAll('loading');
                        if (res.code == 1) {
                            layer.msg(res.msg);
                            history.go(-1);
                        } else {
                            layer.msg(res.msg);
                        }
                    }, 'POST');
                });
        });

        $("#addHiddenDanger").click(function () {
            admin.req(uParas.baseUrl + '/ent/sysInfo/getInfo', null, function (resp) {
                if (resp.code == 1) {
                    //1评审,0不评审
                    showAddModel(resp.data.hdangerReviewOn);
                } else {
                    layer.msg(res.msg);
                }
            });
        });

        function showAddModel(hdangerReviewOn) {
            admin.open({
                type: 1,
                title: "填写隐患信息并提交",
                offset: 'auto',
                area: '800px',
                content: $('#modelTpl').html(),
                success: function (layero, dIndex) {
                    //debugger
                    form.render();
                    $("#hdangerId").val(feedbackId);
                    $("#hdangerReviewOn").val(hdangerReviewOn);
                    /*隐患等级*/
                    uParas.initSimpleSelect("hdangerLevel", "modelForm", "/admin/common/getHdangerLevelList", "keyName", "keyValue");

                    /*隐患类型*/
                    uParas.initSimpleSelect("hdangerCatId", "modelForm", "/admin/common/getCommonClassifyesByCatType?catType=1", "catName", "catId");

                    var groupUrl = '/admin/common/getFindGroupLists';

                    //1评审,0不评审
                    if (hdangerReviewOn == 1) {
                        $("#hdangerReviewGroupDiv").show();
                        $("#hdangerReviewByDiv").show();
                        /*评审部门and人员*/
                        _groupTree.initgroupTreeAndUsers(groupUrl, "threeLevelGroupReview", "hdangerReviewGroupName",
                            "hdangerReviewGroup", "menuContentReview", "hdangerReviewBy", "modelForm");
                    } else {
                        $("#hdangerRetifyGroupDiv").show();
                        $("#hdangerRetifyByDiv").show();
                        $("#hdangerAcceptedGroupDiv").show();
                        $("#hdangerAcceptedByDiv").show();
                        /*整改部门and人员*/
                        _groupTree.initgroupTreeAndUsers(groupUrl, "threeLevelGroupRetify", "hdangerRetifyGroupName",
                            "hdangerRetifyGroup", "menuContentRetify", "hdangerRetifyBy", "modelForm");

                        /*验收部门and人员*/
                        _groupTree.initgroupTreeAndUsers(groupUrl, "threeLevelGroupAccepted", "hdangerAcceptedGroupName",
                            "hdangerAcceptedGroup", "menuContentAccepted", "hdangerAcceptedBy", "modelForm");
                    }

                    $("#hdangerDesc").val(hdangerDesc);
                    $("#imageDiv").html(imghtml);
                    $("#videoDiv").html(videohtml);
                    //时间选择
                    laydate.render({
                        elem: '#hdangerRetifyDeadline',
                        min: new Date().valueOf(),
                        format: 'yyyy-MM-dd HH:mm:ss',
                        type: 'datetime'
                    });

                    //保存处理
                    form.on('submit(formSubmit)', function (data) {
                        //debugger
                        //1评审,0不评审
                        if (hdangerReviewOn == 1) {
                            if (data.field.hdangerReviewGroup == null || data.field.hdangerReviewGroup == "" || data.field.hdangerReviewGroup == "-1") {
                                layer.msg("请选择评审部门");
                                return false;
                            }
                            if (data.field.hdangerReviewBy == null || data.field.hdangerReviewBy == "" || data.field.hdangerReviewBy == "-1") {
                                layer.msg("请选择评审人员");
                                return false;
                            }
                        } else {
                            if (data.field.hdangerRetifyGroup == null || data.field.hdangerRetifyGroup == "" || data.field.hdangerRetifyGroup == "-1") {
                                layer.msg("请选择整改部门");
                                return false;
                            }
                            if (data.field.hdangerRetifyBy == null || data.field.hdangerRetifyBy == "" || data.field.hdangerRetifyBy == "-1") {
                                layer.msg("请选择整改人员");
                                return false;
                            }
                            if (data.field.hdangerAcceptedGroup == null || data.field.hdangerAcceptedGroup == "" || data.field.hdangerAcceptedGroup == "-1") {
                                layer.msg("请选择验收部门");
                                return false;
                            }
                            if (data.field.hdangerAcceptedBy == null || data.field.hdangerAcceptedBy == "" || data.field.hdangerAcceptedBy == "-1") {
                                layer.msg("请选择验收人员");
                                return false;
                            }
                        }
                        layer.load();
                        var saveUrl = uParas.baseUrl + "/ent/hiddenDanger/saveFeedbackHiddenDanger";
                        admin.req(saveUrl, data.field, function (resp) {
                            layer.closeAll('loading');
                            if (resp.code == 1) {
                                layer.close(dIndex);
                                layer.msg(resp.msg);
                                location.reload();
                            } else {
                                layer.msg(resp.msg);
                            }
                        }, 'POST');

                        return false;
                    });
                }
            });
        }

    });
    // function showImg(src) {
    //     var imgHtml = "<img src='" + src + "' width='1000px' height='650'/>";
    //     layer.open({
    //         type: 1,
    //         shade: 0.1,
    //         offset: 'auto',
    //         area: [1000 + 'px',650+'px'],  // area: [width + 'px',height+'px']  //原图显示
    //         shadeClose:true,
    //         scrollbar: false,
    //         title: "图片附件预览", //不显示标题
    //         content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
    //         // cancel: function () {
    //         //     layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
    //         // }
    //     });
    // }
</script>
</body>
</html>