<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase2.php');?>
<style>
    html {
        background-color: #ffffff;
        color: #666;
    }
    .layui-table-cell .layui-form-checkbox[lay-skin=primary] {
        top: 5px;
        padding: 0;
    }
    table td{word-break: keep-all;white-space:nowrap;}
    table th{word-break: keep-all;white-space:nowrap;}
    td img{
        width: 50px;
        height: 50px;
        margin-left: 5px;
    }
</style>
<div class="layui-card">
    <form style="margin-top: 10px;" class="layui-form">
        <div class="layui-inline">
            <label class="layui-form-label"> 类型：</label>
            <div class="layui-input-inline w100">
                <select name="bl_type" lay-search="">
                    <option value="">请选择</option>
                    <?php foreach($typeList as $index => $item){ ?>
                        <option <?php if($index == $param['bl_type']){echo "selected";} ?> value="<?php echo $index; ?>"><?php echo $item; ?></option>
                    <?php } ?>
                </select>
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label"> 投诉人：</label>
            <div class="layui-input-inline w100">
                <input type="text" name="tou_from_uid" autocomplete="off" class="layui-input" value="<?php echo $param['tou_from_uid'] ?: ''; ?>">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label"> 被投诉人：</label>
            <div class="layui-input-inline w100">
                <input type="text" name="tou_uid" autocomplete="off" class="layui-input" value="<?php echo $param['tou_uid'] ?: ''; ?>">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label"> 关键字：</label>
            <div class="layui-input-inline w200">
                <input type="text" name="tou_word" placeholder="请输入原因与内容" autocomplete="off" class="layui-input" value="<?php echo $param['tou_word'] ?: ''; ?>">
            </div>
        </div>

        <div class="layui-inline">
            <button class="layui-btn" id="demoReload" >搜索</button>
        </div>
    </form>

    <div class="layui-card-body" style="overflow:auto">
        <table class="layui-table" >
            <thead>
            <tr>
                <th width="20px;">操作</th>
                <th width="60px;">状态</th>
                <th width="80px;">投诉人信息</th>
                <th width="140px;">被投诉人信息</th>
                <th width="200px">图片</th>
                <th>投诉内容</th>
                <th width="180px;">处理人</th>
            </tr>
            </thead>
            <tbody>
            <?php if(!empty($list)){ ?>
                <?php foreach($list as $k => $v ){ ?>
                    <tr>
                        <td valign="top">
                            <div>
                                <button onclick="audit(this,'<?php echo $v['tou_id'];?>','<?php echo $v['tou_status'] ;?>','<?php echo $v['tou_check_remark']; ?>')" class="layui-btn layui-btn-normal layui-btn-xs">审核</button>
                            </div>
                            <div style="margin-top: 5px;">
                                <button onclick="del('<?php echo $v['tou_id'];?>')" class="layui-btn layui-btn-xs">删除</button>
                            </div>
                        </td>
                        <td <?php if($v['tou_status'] == 0 ){echo "style='color:red;'";}elseif($v['tou_status']==1){echo "style='color:green'";}else{echo "style='color:gray'";} ?> valign="top"><?php echo $v['status_name'];?><div></div></td>
                        <td valign="top">
                            <div>
                                <?php echo $v['tou_from_username'];?>
                            </div>
                            <div>
                                <?php echo $v['tou_atime'];?>
                            </div>
                        </td>
                        <td valign="top"><div><?php echo $v['tou_username'];?></div><div><a onclick="index(this)" href="<?php echo mvc::$cfg['ADMIN_URI'];?>imGroup/groupList?grp_name=<?php echo $v['grp_name'];?>" style="color: #5a9efb;cursor:pointer;" target="main_frame"><?php echo $v['grp_name'];?></a></div></td>
                        <td><?php if(!empty($v['tou_imgs'])){ ?>
                            <div onclick="showImage('<?php echo $v['tou_id'] ?>')" id="layer-photos-demo_<?php echo $v['tou_id']; ?>" class="layer-photos-demo">
                                <?php foreach ($v['tou_imgs'] as $item){ ?>
                                        <img  src="<?php echo $item;?>" layer-src="<?php echo $item;?>" src="<?php echo $item;?>" alt="图片名">
                                <?php } ?>
                            </div>
                        <?php } else { ?>
                            <?php echo ''; ?>
                        <?php } ?>
                        </td>
                        <td valign="top"><?php array_map(function ($value){ echo '<div>'.$value.'<div>';},$v['tou_yuanyin']) ?><?php array_map(function ($value){ echo '<div>'.$value.'<div>';},$v['tou_txt']) ?></td>
                        <td valign="top">
                            <div>
                                <?php echo $v['tou_check_user'];?>
                            </div>
                            <div>
                                <?php echo $v['tou_check_time'];?>
                            </div>
                            <div>
                                <?php echo $v['tou_check_remark']; ?>
                            </div>
                        </td>
                    </tr>
                <?php }?>
            <?php }else{ ?>
                <tr>
                    <td colspan="12" style="color: red;text-align: center;">无记录</td>
                </tr>
            <?php } ?>

            </tbody>
        </table>
        <?php echo $page;?>
    </div>
</div>

<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>
    $(function () {
        $('.layer-photos-demo').each(function () {
            $(this).click();
        })
    })
    layui.use(['form','layer'],function () {
        var form = layui.form;
        var layer = layui.layer;
        layer.photos({
            photos: '#layer-photos-demo'
            ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
        });
        form.render();
    });
    function index(that) {
        $(window.parent.document).find("#menu_im li").removeClass();
        $(window.parent.document).find("#menu_im li:first-child").addClass("active");
        //window.location.herf = ;
    }
    function showImage(id) {
        layui.use(['form','layer'],function () {
            var form = layui.form;
            var layer = layui.layer;
            layer.photos({
                photos: '#layer-photos-demo_'+id
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
            form.render();
        });
    }
    function audit(that,tou_id,status,remark)
    {

        var html = '<form class="layui-form"><div style="margin-top: 10px;" class="layui-form-item layui-form-text">\n' +
            '    <label class="layui-form-label">审核意见</label>\n' +
            '    <div class="layui-input-block">\n' +
            '      <textarea style="width: 95%;min-height: 150px;" placeholder="请输入内容" class="layui-textarea">'+remark+'</textarea>\n' +
            '    </div>\n' +
            '  </div>';
            // if(status < 0){
            //     html +=  '<div class="layui-form-item">\n' +
            //         '    <label class="layui-form-label">状态</label>\n' +
            //         '    <div class="layui-input-block">\n' +
            //         '      <input type="radio" name="tou_status" value="1" title="投诉成立">\n' +
            //         '      <input type="radio" name="tou_status" value="-1" title="投诉无效">\n' +
            //         '      <input type="radio" name="tou_status" value="2" title="关闭" >\n' +
            //         '      <input type="radio" name="tou_status" value="3" title="已处理">\n' +
            //         '    </div>\n' +
            //         '  </div></form>';
            // }else{
            html +=  '<div class="layui-form-item">\n' +
                '    <label class="layui-form-label">状态</label>\n' +
                '    <div class="layui-input-block">\n' +
                '      <input type="radio" name="tou_status" value="1" title="投诉成立" '+(status==1?"checked":"")+'>\n' +
                '      <input type="radio" name="tou_status" value="-1" title="投诉无效" '+(status<0?"checked":"")+'>\n' +
                '      <input type="radio" name="tou_status" value="2" title="关闭" '+(status==2?"checked":"")+'>\n' +
                '      <input type="radio" name="tou_status" value="3" title="已处理" '+(status==3?"checked":"")+'>\n' +
                '    </div>\n' +
                '  </div></form>';
            // }

        layer.open({
            area: ['500px', '320px'],
            btnAlign: 'c',
            type: 1,//类型
            title: '审核',//窗口名字
            content: html,
            btn:['确认','取消'],
            success:function(index,layero){
                $(that).parent().parent().css('background','#d1e9ff');
                layui.use(['form'],function () {
                    var form = layui.form;
                    form.render();
                });
            },
            yes: function (index, layero) {
                var value = layero.find(".layui-textarea").val();
                var tou_status = layero.find("input[name=\"tou_status\"]:checked").val();
                if (value) {
                    var data = {};
                    data['isAjax'] = 1;
                    data['tou_id'] = tou_id;
                    data['tou_check_remark'] = value;
                    data['tou_status'] = tou_status;
                    $.post(ADMIN_URI + 'imGroup/audit', data, function (res) {
                         res = JSON.parse(res);
                        if (res.status) {
                            layer.msg('审核成功');
                            $(that).parent().parent().css('background','');
                            layer.close(index);
                        } else {
                            layer.msg(res.data);
                        }
                    });
                } else {
                    layer.msg("审核意见不可为空！");
                }
            },
            cancel:function (index,layero) {
                $(that).parent().parent().css('background','');
            },
            btn2:function (index,layero) {
                $(that).parent().parent().css('background','');
            }
        });
    }
    function del(tou_id)
    {
        layer.confirm('确定删除吗？', function(index) {
            $.ajax({
                url:ADMIN_URI + 'imGroup/delComplaint?isAjax=1&tou_id=' + tou_id,
                dataType: "json",
                success: function (res) {
                    if (res.status) {
                        layer.msg('操作成功', {icon: 1, time:1000}, function(){
                            window.location.reload();
                        });
                    } else {
                        layer.msg('删除失败', {icon: 5, time:1000}, function () {
                              window.location.reload();
                        });
                    }
                }
            });
        });
    }
</script>