zxhx
/
xiaoben-as2-php


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>查看任务</title>
    <link href="/css/ims/base.css" rel="stylesheet">
    <link href="/css/ims/ims.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css" />
    <style>
        .ims-box {
            margin: 20px;
        }

        .screen {
            padding-left: 20px;
            height: 44px;
            line-height: 44px;
            background-color: #eff4fa;
        }

        .screen li {
            float: left;
            margin-right: 65px;
        }

        .bg-d9bf6e {
            margin-left: 5px;
            padding: 0 20px;
            color: #fff;
            background-color: #d9bf6e;
        }

        .list {
            padding: 0 40px;
            /*margin-top: 40px;*/
            overflow: hidden;
        }

        .list h2 {

            line-height: 30px;
            font-size: 14px;
        }

        .list .student-list_box {
            width: 500px;
            margin-bottom: 15px;
        }

        .list .student-list_box>ul {
            height: 260px;
            overflow: auto;
            padding: 20px;
            background-color: #eef3ff;
        }

        .list .student-list_box li {
            line-height: 30px;
            cursor: pointer;
        }

        .list .student-list {
            display: none;
            margin-left: 20px;
        }

        .list .student-list li.active .btn-select_all {
            display: inline-block;
        }

        .list .student-list span {
            cursor: pointer;
        }

        .list .btn-select_all {
            margin-left: 84px;
            color: #008000;
        }

        .student-name_box li {
            position: relative;
            margin-left: 28px;
            line-height: 30px;
        }

        .student-name_box input {
            position: absolute;
            left: 155px;
            top: 8px;
        }

        .btn-select_all,
        .student-name_box {
            display: none;
        }

        .student-selected {
            width: 320px;
            height: 300px;
            overflow: auto;
        }

        .student-selected li {
            float: left;
            margin-right: 24px;
            margin-bottom: 12px;
            width: 280px;
            height: 26px;
            line-height: 26px;
            text-indent: 20px;
            background-color: #f2f2f2;
        }

        .student-selected .btn-delete {
            float: right;
            margin-right: 20px;
            color: red;
            cursor: pointer;
        }

        .btn-confirm_purchase {
            display: block;
            margin: 0 auto;
            margin-top: 100px;
            margin-bottom: 50px;
            width: 430px;
            line-height: 54px;
            color: #fff;
            font-family: PingFangSC-Regular, "PingFang SC";
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
            text-align: center;
            background-color: rgba(0, 153, 102, 1);
            cursor: pointer;
        }

        .sale-table input {
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        #imgPreview {
            display: inline-block;
            margin-top: 12px;
        }
        #imgPreview > img {
            max-width: 100px;
            max-height: 100px;
            margin-right: 5px;
            cursor: pointer;
        }
        .layui-layer-btn .layui-layer-btn0 {
            border-color: #15ae68 !important;
            background-color: #15ae68 !important;
            color: #fff;
        }
        .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
            line-height: 140px;
            text-align: center;
        }
        .layui-layer-content{
            text-align: center;
        }
        .layui-layer-content img {
            max-width: 100% !important;
            max-height: 100% !important;
        }
    </style>
</head>

<body>
<h3 class="sale-title">查看任务</h3>

<input type="hidden" name="itemName">
<input type="hidden" name="itemSpec">
<input type="hidden" name="itemCode">
<input type="hidden" name="unitId">

<div class="sale-table">
    <table width="100%">
        <tr>
            <th>学校</th>
            <td >
                <?php echo $storageName; ?>
            </td>
            <th>学管</th>
            <td >
                <?php echo  $coachName; ?>
            </td>
        </tr>
        <tr>
            <th>清洁时间</th>
            <td >
                <?php echo date('Y-m-d H:i:s'); ?>
            </td>
            <th>提交截止时间</th>
            <td >
                <?php echo  $epDate; ?>
            </td>
        </tr>

        <tr>
            <th>图片上传</th>
            <td colspan="3">
                <div id="imgPreview">
                    <?php if(!empty($images)){
                        foreach($images as $v){
                    ?>
                            <img class="preview" src="<?php echo $v; ?>">
                    <?php
                        }
                    }?>
                </div>
            </td>
        </tr>
        <tr>
            <th>备注</th>
            <td colspan="3">
                <textarea name="remark" id="remark"  cols="90" class="use-explain" rows="5" readonly><?php echo  $remark; ?></textarea>
            </td>
        </tr>
    </table>

    <h3 class="sale-title">清洁设备</h3>
    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" id="P_list">
        <tr>
            <td>设备编号</td>
            <td>设备名称</td>
            <td>规格</td>
            <td>设备状态</td>
        </tr>
        <tr>
            <td><?php echo $fixedCode; ?></td>
            <td><?php echo $itemName; ?></td>
            <td><?php echo $itemSpec; ?></td>
            <td><?php echo  $fixedStatus; ?></td>
            <input type="hidden" id="epsId" value="<?php echo $epsId; ?>" />
        </tr>
    </table>

    <h3 class="sale-title">审核记录</h3>
    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" id="P_list">
        <?php if(!empty($log)){
            foreach($log as $type=>$info){
                if($type == 0){         //0组长审核 1学管审核 2设备部审核
                ?>
                    <tr>
                        <td>组长审核</td>
                        <td><?php echo $info['checkDate'].' '.$info['checkResult'].' '.$info['comment'];?></td>
                    </tr>
                <?php
                }elseif($type == 1){
                ?>
                    <tr>
                        <td>学管审核</td>
                        <td><?php echo $info['checkDate'].' '.$info['checkResult'].' '.$info['comment'];?></td>
                    </tr>
                <?php
                }elseif($type == 2){
                    ?>
                    <tr>
                        <td>设备部审核</td>
                        <td><?php echo $info['checkDate'].' '.$info['checkResult'].' '.$info['comment'];?></td>
                    </tr>
                    <?php
                }
        ?>
        <?php
            }
        }?>
    </table>

</div>

<div class="sale-submit" style="margin-top: 25px;">
    <button type="button" class="go_back " id="">返回</button>
    <input type="hidden" name="back_page" value="<?php echo $page?>">
    <?php if($isGroup == 1) {?><button type="button" data-id="<?php echo $processInfoBO['currentTaskId']; ?>" class=" label-primary-s bth-s" id="savebutton">审核</button> <?php } ?>
</div>


<script src="/js/jquery-2.2.2.min.js" ></script>
<script src="/js/jquery.datetimepicker.js"></script>
<script src="/js/layer/layer.js"></script>
<script src="/js/xsgl.js"></script>
<script>
    $(document).ready(function () {
        // 添加图片
        $("#uploadImg").on("change", function () {
            //限制图片数量
            var imgObj = $('#imgPreview img');
            var formData = new FormData();
            formData.append('uploadFile', document.getElementById('uploadImg').files[0]);
            var basic = "<?php echo $basic;?>";
            $.ajax({
                url: "<?php echo $uploadUrl;?>",
                type: "post",
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function (req) {
                    req.setRequestHeader("Authorization", basic);
                },
                success: function (data) {
                    console.log(data);
                    if (data.errCode == '00') {
                        var html = "<img src='" + data.data.url + "'>";
                        $('#imgPreview').append(html);
                        $('#uploadImg').val('');
                    } else {
                        layer.msg(data.errMsg);
                    }
                }
            });
        });

        //删除图片
        // $("body").on("click", "#imgPreview img", function () {
        //     var obj = $(this);
        //     var imgUrl = $(this).attr('src');
        //     layer.confirm('您确定删除此图片吗？', {
        //         btn: ['确定', '取消'] //按钮
        //     }, function () {
        //         obj.remove();
        //         layer.closeAll();
        //     });
        // });

        //查看图片
        var thatDom
        $('body').on('click', '#imgPreview img', function () {
            thatDom = $(this) //当前dom
            layer.open({
                type: 1,
                title: '查看图片',
                btn: ['上一个','关闭','下一个'],
                yes: function(index, layero){
                    // 上一个
                    if(thatDom.index()===0){
                        layer.msg('已经是第一张了！');
                        return
                    }
                    thatDom = thatDom.prev()
                    // this.content = '<img src="'+thatDom.attr('src')+'" alt="" style="margin-top:5px;width: 100%;height: 100%">'
                    $(layero.selector).find('img').attr("src",thatDom.attr('src'));
                },btn2: function(index, layero){
                    // 关闭
                    layer.closeAll();
                    //return false 开启该代码可禁止点击该按钮关闭
                },btn3: function(index, layero){
                    // 下一个
                    if(thatDom.index()===thatDom.parent().find('img').length-1){
                        layer.msg('已经是最后一张了！');
                        return
                    }
                    thatDom = thatDom.next()
                    // this.content = '<img src="'+thatDom.attr('src')+'" alt="" style="margin-top:5px;width: 100%;height: 100%">'
                    $(layero.selector).find('img').attr("src",thatDom.attr('src'));
                    //return false 开启该代码可禁止点击该按钮关闭
                },
                area: ['800px', '500px'], //宽高
                btnAlign: 'c',
                content: '<img src="'+thatDom.attr('src')+'" alt="" style="margin-top:5px;">',

            });
        })

        $(".go_back").on("click", function (){
            window.location="<?php echo $isGroup ? $this->createUrl('imsDevice/taskVerify') : $this->createUrl('imsDevice/taskClean') ;?>";
        });
        $(".bth-s").on("click", function () {
            var currentTaskId = $(this).attr('data-id');
            layer.open({
                type: 1,
                title: '审核',
                btn: ['确定', '取消'],
                area: ['420px', '240px'], //宽高
                btnAlign: 'c',
                content: '<div class="application-number-box"><table><tr><td width="150px;" style="text-align: center;padding-top: 10px;">结果:</td><td tyle="text-align: center;padding-top: 10px;"><input type="radio" checked name="verify" value="0" />合格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="verify" value="1" />不合格</td></tr><tr><td><div style="line-height: 10px;height:10px;"></div></td></tr><tr><td style="text-align: center">备注:</td><td><textarea id="comment" cols="25"  rows="5"></textarea> </td></tr></table> </div>',
                yes: function (index, layero) {
                    var verify = $('input:radio[name=verify]:checked').val();
                    var comment = $("#comment").val();

                    // alert(verify);alert(comment);
                    // alert(currentTaskId);return false;

                    $.ajax({
                        type: 'post',
                        url: "<?php echo $this->createUrl('imsDevice/taskView') ;?>",
                        data: {'verify':verify, 'comment':comment, 'currentTaskId': currentTaskId},
                        dataType: 'json',
                        success: function (data) {
                            if (data.status){
                                window.location="<?php echo $this->createUrl('imsDevice/taskVerify',array('page'=>$page)) ;?>";
                            } else{
                                layer.msg(data.msg);
                            }
                        },
                        error: function () {
                            layer.msg("异常错误");
                        }
                    });

                },
                btn2: function (index, layero) {
                    //return false 开启该代码可禁止点击该按钮关闭
                }
            });
            return false;
        });


    })
</script>
<?php //include_once '_allocationJs.php'?>

</body>

</html>