{include file="special/live/header'} {template 'special','live/live_header" /}


<div class="tousu-page com-width">

    <div class="page-hd">
        <strong>投诉举报</strong>
        <div class="tips">（投诉电话：
            <span>010-53391121</span> ／ 投诉邮箱：
            <span>service@cyzone.cn</span>）</div>
    </div>

    <form class="page-bd layui-form">
        <div class="line">
            <div class="line-field">房间名称</div>
            <div class="line-form">
                <input type="text" name="room_name">
            </div>
        </div>
        <div class="line">
            <div class="line-field">举报原因</div>
            <div class="line-form">
                <input type="radio" name="reason" value="低俗色情" title="低俗色情">
                <input type="radio" name="reason" value="反动" title="反动">
                <input type="radio" name="reason" value="游戏私服外挂" title="游戏私服外挂">
                <input type="radio" name="reason" value="未经授权盗播" title="未经授权盗播">
                <input type="radio" name="reason" value="非法行为" title="非法行为">
                <input type="radio" name="reason" value="非法行为" title="非法行为">
                <input type="radio" name="reason" value="其他" title="其他" checked>
            </div>
            <div class="line-form">
                <textarea name="reason_msg" placeholder="请填写详细说明" id="" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="line">
            <div class="line-field">直播截图</div>
            <div class="line-form">
                <div data-webuploader="pdf_url" data-filenum="100"
                    data-extensions="png,gif,jpg,jpeg"
                    data-filesinglesizelimit="2147483648"
                    data-filesizelimit="2147483648"
                    data-success="uploadSuccess">
                    <a class="btn btn-upfile">
                        <div class="upfile"></div>
                    </a>
                </div>
            </div>
        </div>
        <div class="line">
            <div class="line-form">
                <button type="submit">提交</button>
            </div>
        </div>
    </form>

</div>

<link rel="stylesheet" href="/templates/cyzonev4//special/live/layui/css/layui.css" type="text/css" />
<script src="/templates/cyzonev4//special/live/layui/layui.all.js"></script>
<script>
    function uploadSuccess($webuploader, file, response){

        $('.upfile').html('<img src="'+response.data.url+'">');
        $('.uploader-list').remove();
    }
    $(function(){

        $('[data-webuploader]').webuploader();

        $('form').submit(function(){
            if( !$('[name="room_name"]').val() ){
                layer.msg('房间名称必填',{icon:2});
                return false;
            }
            if( !$('[name="reason_msg"]').val() ){
                layer.msg('详细说明必填',{icon:2});
                return false;
            }

            layer.msg('提交成功', {icon:1})
            return false;
        })
    });
</script>

<div class="footer">
        <p>Copyright 2007-2017 cyzone.cn All rights reserved 京ICP证070362号 京ICP备08103950号 新出发京零字第朝140005号</p>
        <p>爱奇清科（北京）信息科技有限公司     地址：北京市朝阳区利泽西街东湖国际中心A座9层</p>
        <p>违法和不良信息举报电话：010-82332922     举报邮箱：service@cyzone.cn</p>
    </div><!--2017_wenwang_footer_1860-->

</body>

</html>