{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}无聊及广告与非法贴子举报{/block}
{block name="head_keword"}无聊及广告与非法贴子举报  问题反馈 {/block}
{block name="head_description"}欢迎大家如实举报，举报属实有效的，会有积分奖励！恶意举报会扣除积分。{/block}

{block name="body_content"}
<link rel="stylesheet" href="/public/static/index/default/pclist.css">
<div class="ArticlMainContainer">
	<div class="LeftsCnt">
		<link rel="stylesheet" href="/public/static/index/default/left.css">
<div class="LeftBoxInfo">
	  <script type="text/javascript" src="/public/static/js/label_model.js?0"></script>
            <script type='text/javascript'>
            var label_model_url = '/index.php/gongdan/labelmodels/show.html';
            var label_model_saveurl = '/index.php/gongdan/labelmodels/save.html';
            var label_model_num = 0;
            var label_model_synchronize = true;
            </script><div class='diy_pages  pc_cms_left001' data-tagname='pc_cms_left001' data-pagename='2ef98c3adc22159667746308dab2f55f' data-id='0'><div class='c_diypage diy-sort diypath-index_style___default___cms___pc_model___sort diyKey-index_style___default___cms___pc_model___sort-11296' data-path='index_style___default___cms___pc_model___sort' data-tags='11296' data-top='0' data-bottom='0' data-left='0' data-right='0'>
                    <!--栏目信息-->
	<ul class="sorts">
					<li class='ck'><a href="/index.php/gongdan/content/index/fid/1.html">问题反馈</a></li>
					<li ><a href="/index.php/gongdan/content/index/fid/2.html">员工资料</a></li>
					<li ><a href="/index.php/gongdan/content/index/fid/3.html">请假申请</a></li>
			</ul>
                   </div><div class='c_diypage diy-contact diypath-index_style___default___cms___pc_model___contact diyKey-index_style___default___cms___pc_model___contact-11297' data-path='index_style___default___cms___pc_model___contact' data-tags='11297' data-top='0' data-bottom='0' data-left='0' data-right='0'>
                    <!--联系信息或圈子信息-->
<div class="contact">
		<div class="head">联系我们</div>
		<div class="cnt">
		 
			<ul class="qq">
				<li><a title="程序购买咨询" href=" http://wpa.qq.com/msgrd?v=3&uin=2680867060&site=qq&menu=yes" target="_blank"><img SRC='http://wpa.qq.com/pa?p=1:2680867060:41' ></a></li>
				<li><a title="程序购买咨询" href=" http://wpa.qq.com/msgrd?v=3&uin=81684210&site=qq&menu=yes" target="_blank"><img SRC='http://wpa.qq.com/pa?p=1:81684210:41'></a></li>
			</ul>
			<ul class="time">
				<ol><i class="glyphicon glyphicon-time"></i> 工作时间</ol>
				<li>周一至周五：09:00-17:30</li>
				<li>周六至周日：10:00-16:00</li>
			</ul>
			<ul class="tel">
				<ol><i class="glyphicon glyphicon-headphones"></i> 联系电话</ol>
				<li>唐先生：<a href="tel:15603012345">15603012345</a></li>
			</ul>
		 		</div>
	
</div>
                   </div>
</div>
                <script type='text/javascript'>
                label_model_init('index_style___default___cms___pc_model___sort','11296',0,1);
label_model_init('index_style___default___cms___pc_model___contact','11297',0,1);

                label_model_num = 2;
                </script>   </div>
	</div>
	<div class="RightCnt">
             
		<!-----商品基本信息开始----->
		<link rel="stylesheet" href="/public/static/css/shopbaseinfo.css">
		<div class="Base_ShopInfo">
			<div class="ImgCnt">
				<div class="Shop_BigImg"><div></div></div>
				<div class="Shop_ListImgs">
					<ul></ul>
					<dl>
						<dt onclick="pravShowImg()"><i class="fa fa-angle-left"></i></dt>
						<dd onclick="nextShowImg()"><i class="fa fa-angle-right"></i></dd>
					</dl>
				</div>
			</div>
			<div class="InfoCnt">
				<h3>无聊及广告与非法贴子举报</h3>
				<ul>
  					<li>提交数：<span >0</span> 人</li>
				</ul>
		<div class="qb_ui_pc_select_shoptype">
			<dl style="display:none;">
				<dt>参加人数</dt>
				<dd class="chnageBuyNum">
					<span class="fa fa-minus"></span>
					<div><input type="text" value="1"/></div>
					<em class="fa fa-plus"></em>
				</dd>
			</dl>
			<div class="butters">
				<span><a href="/member.php/gongdan/content/add/fid/1/aid/1.html" target="_blank"><button>我也建一个</button></a></span> 
			</div>		
		</div>
			</div>
		</div>
		<script>
		var shopimgs=[
				'https://x1.f2.qibosoft.com/public/uploads/images/20201026/1_2020102609374159f49.jpg',
				];
		</script>
		<script type="text/javascript" src="/public/static/js/shopimgs.js"></script>
		<!-----商品基本信息结束----->
		<link rel="stylesheet" href="/public/static/css/shopotherinfo.css">
		<a name="post"></a>
		<div class="Other_ShopInfo">
			<div class="changetypes">
				<span>提交表单</span>				
				<span>注意事项</span>
			</div>
			<div class="showtypes">
				<div class="Cnt qb_ui_ShowContent">
<!--表单开始-->
<script type="text/javascript">
$(function(){
	$.get("/index.php/gongdan/car/act.html?shopid=1&num=1&"+Math.random(),function(d){
		if(d=='ok'){			
			//layer.msg('成功加入购物车');
		}else{
			if( d.msg.indexOf('登录')>-1 ){
				layer.confirm("你还没登录,是否立即登录?",{btn:['立即登录','取消']},function(){
					Qibo.login(function(type){
						if(type=='ok'){
							window.location.reload();
						}
					});
				});
			}else{
				layer.alert(d.msg);
			}			
			$(".PostOrder").hide();
		}
	});
});
</script>
<link rel="stylesheet" href="/public/static/css/pc_order.css">
<div class="PostOrder">
	<div class="tag"><i class="fa fa-wpforms"></i>无聊及广告与非法贴子举报</div>
	<form action="/index.php/gongdan/order/add.html" method="post" onsubmit="return check_post();">
  		<ul class="must-choose customize" data-name="order_field_1" data-type="radio" data-title="举报性质">
			<ol>举报性质 (必填)</ol>
			<li><input  type='radio' name='order_field_1' id='atc_order_field_1广告贴' value='广告贴'  title='广告贴' lay-filter='order_field_1'><span class='m_title'> 广告贴 </span><input  type='radio' name='order_field_1' id='atc_order_field_1反动言论' value='反动言论'  title='反动言论' lay-filter='order_field_1'><span class='m_title'> 反动言论 </span><input  type='radio' name='order_field_1' id='atc_order_field_1色情相关' value='色情相关'  title='色情相关' lay-filter='order_field_1'><span class='m_title'> 色情相关 </span><input  type='radio' name='order_field_1' id='atc_order_field_1无聊贴' value='无聊贴'  title='无聊贴' lay-filter='order_field_1'><span class='m_title'> 无聊贴 </span><input  type='radio' name='order_field_1' id='atc_order_field_1其它' value='其它'  title='其它' lay-filter='order_field_1'><span class='m_title'> 其它 </span><span id='atc_order_field_1'></span>
<script type='text/javascript'>
$(function(){
	if(typeof(layui)=='object'){
		layui.use(['form'], function(){
		  var form = layui.form;	 
		  form.on('radio(order_field_1)', function(data){
		      $(data.elem).trigger('change');
		  })
		});
	}	
});
</script>
</li>
		</ul>
  		<ul class=" customize" data-name="order_field_2" data-type="text" data-title="内容标题">
			<ol>内容标题 </ol>
			<li> <input  placeholder='内容标题'    type='text' name='order_field_2' id='atc_order_field_2' style='' class='layui-input c_order_field_2 ' value='' /></li>
		</ul>
  		<ul class="must-choose customize" data-name="order_field_3" data-type="text" data-title="举报网址">
			<ol>举报网址 (必填)</ol>
			<li> <input  placeholder='举报网址'    type='text' name='order_field_3' id='atc_order_field_3' style='' class='layui-input c_order_field_3 ' value='https://www.sodongguan.com/index.php/p/weixin-login-index.html' /></li>
		</ul>
  		<ul class=" customize" data-name="order_field_4" data-type="images" data-title="内容截图">
			<ol>内容截图 </ol>
			<li>

<style type="text/css">
.uploadImg ol{
	line-height: 35px;
	font-size: 16px;
}

.uploadImg .upbtn{
	width:80px;
	border:#DDD dotted 1px;
	text-align: center;
	padding: 15px 0;
	background: #FFF;	
	cursor: pointer;
	color: #999;
	position:relative;
}
.uploadImg .upbtn i:first-child{
	font-size:32px;
}
.uploadImg .upbtn i:last-child{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	font-size:20px;
	background:#ff8300;
	padding:2px;
	color:#fff;
}
.uploadImg .upbtn i:last-child:hover{
	background:green;
}

.uploadImg li:hover{
	border: #F60 dotted 1px;
	color: #F60;
}

.ListImgs:after{
	content: '';
	display: block;
	clear: both;
}
.ListImgs div{
	width:80px;
	float: left;
	position: relative;
	margin: 10px 10px 0 0;
}
.ListImgs div span{
	display: block;
	position: relative;
	background: #FFF;
	box-shadow: 0px 0px 1px #BBB;
}
.ListImgs div span:before{
	content: '';
	display: block;
	padding-top: 100%;
}
.ListImgs div span img{
	position:absolute;
	max-width:100%;
	max-height: 100%;
	left:50%;
	top: 50%;
	border:0;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
} 
.ListImgs div em{
	position: absolute;
	width:25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background:rgba(120,120,120,0.6);
	color: #FFF;
	right: 0px;
	top:0px;
	cursor: pointer;
}
.ListImgs div em.cut{
	left: 0px;
}
.ListImgs div em.drag{
	left: 0px;
	top:55px;
	cursor: move;
}
.ListImgs div em:hover{
	background:rgba(255,60,0,0.6);
}
/*
.ListImgs div em{
	
}*/
</style>
<script src="/public/static/libs/jquery-ui/jquery-ui.min.js"></script>  
<script type="text/javascript" src="/public/static/js/exif.js"></script>
<script type="text/javascript">
var severUrl = "/index.php/index/attachment/upload/dir/images/from/base64/module/gongdan.html";
</script>

<script type="text/javascript">
jQuery(document).ready(function() {
	$(".uploadImge_order_field_4").each(function(){
		var pics = [];
		 
		var that = $(this);

		that.find(".upbtn").click(function(e){
			if(typeof(wexin_jsdk_upimg)=="function"){		//微信中上传
				wexin_jsdk_upimg(that.find(".input_value"),viewpics,true)
			}else{
				that.find('input[type="file"]').click();
			}
		});
	
		var j=0;
		that.find(".upbtn i:last").click(function(event){
			j++;
			if(j==1){
				paseImg($(this));
			}
			layer.msg("先按住“Ctrl+Alt+A”截图完毕（或者先复制图片网址）,再点击这个图标,最后按住“Ctrl+V”,即可上传图片",{time:9000});
			$(this).focus();
			event.stopPropagation();
			
		});

		//截图后再上传
		function paseImg(that){		
			var imgReader = function(item) {	
				var blob = item.getAsFile(),	
					reader = new FileReader();	
				reader.onloadend = function(e) {
					$.ajax({
						url: '/index.php/index/attachment/upload/dir/gongdan/from/base64/module/gongdan.html',	
						type: 'POST',	
						data: {	
							imgBase64: e.target.result	
						},	
						success: function(res) {	
							layer.msg(res.info);	
							if (res.code == 1) {	
								var url = res.path;	
								if (url.indexOf('://') == -1 && url.indexOf('/public/') == -1) {	
									url = (typeof(web_url) != 'undefined' ? web_url : '') + '/public/' + url;	
								}

								//显示与赋值
								pics.push(res.path);	//组图
								 //pics[0] = res.path;	//单图
								that.parent().parent().find(".input_value").val( pics.join(',') );
								viewpics(res.path,pics);
							}else{
								 layer.alert(res.info?res.info:res.msg);
							}
						}	
					})	
				};	
				reader.readAsDataURL(blob);	
			};
			that.get(0).addEventListener("paste", function(e) {
				var clipboardData = e.clipboardData,	
					i = 0,	
					items,	
					item,	
					types;	
				if (clipboardData) {	
					items = clipboardData.items;
					if (!items) {	
						return;	
					}	
					item = items[0];	
					types = clipboardData.types || [];
					for (; i < types.length; i++) {	
						if (types[i] === 'Files') {	
							item = items[i];	
							break;	
						}	
					}
					if (item && item.kind === 'file' && item.type.match(/^image\//i)) {	
						imgReader(item);	
					}else if(item.kind === "string"){
						item.getAsString(function (pic_url) {
							if( pic_url.match(/^(http|https):/i) ){
								pic_url = pic_url.replace(/,/g,'%2C');
								//显示与赋值
								pics.push(pic_url);	//组图
								that.parent().parent().find(".input_value").val( pics.join(',') );
								viewpics(pic_url,pics);
							}
						});
					}
				}	
			});
		};

		//拖拽排序
		var drag_move = function(){
			that.find('.ListImgs').sortable({
					//connectWith: ".ListImgs div",
					handle: '.drag',
					stop: function () { 
						check_value();
					}
				}).disableSelection();
		}
	
		//鼠标经过时显示操作菜单
		var showmenu = function(){
			that.find('.ListImgs div').each(function(){
				var obj = $(this);
				obj.hover(  
						function(){  
							obj.find('em').show();  
						},
						function(){  
							obj.find('em').hide();  
						}   
				) ;
			});
		}

		//对已上传的图片进行截图
		var add_cutimg = function(e){
			that.find('.cut').each(function () {
				var cthis = $(this);
				cthis.on('click',function(){
					var pic = cthis.parent().find("img").attr('src');
					var opt = cthis.data('options');
					layer.open({
						type: 2,
						title: '截图',
						area: ["900px", "800px"],
						scrollbar: false,
						content: '/index.php/index/image/cutimg.html?picurl='+pic+'&opt='+opt,
						end: function () {
							check_value();	//重新核对数据
						}
					});
				});
			});
		}

		//核对数据
		var check_value = function(){
				pics = [];	//重新设置值
				var obj = that.find(".ListImgs img");				
				obj.each(function(e){
					var img = $(this).attr("src");
					if(img.indexOf('://') == -1)img = img.replace('/public/','');
					pics.push(img);
					that.find(".input_value").val( pics.join(',') );
				});
				if(obj.length==0){
					that.find(".input_value").val('');
				}
		};

		var delpic = function(){
			that.find(".ListImgs em.del").click(function(e){
				//这里删除的图片没有真正从服务器删除
				$(this).parent().remove();
				check_value();			
			});
		};
		delpic();

		that.find('input[type="file"]').change(function(){
            uploadBtnChange($(this).get(0),that.find(".input_value"),pics,viewpics);
        });

		if(that.find(".input_value").val()!=''){
			pics = that.find(".input_value").val().split(',');
		}
		
		var viewpics = function(url,pic_array){
			var html = '';
			pic_array.forEach(function(f){
				var sear=new RegExp('http');
				if(sear.test(f)){
		　　			html += '<div><span><img src="'+f+'"></span><em class="del"><i class="fa fa-remove"></i></em><em class="cut" data-options=""><i class="fa fa-cut"></i></em><em class="drag"><i class="fa fa-arrows"></i></em></div>';
		　　		}else{
					html += '<div><span><img src="/public/'+f+'"></span><em class="del"><i class="fa fa-remove"></i></em><em class="cut" data-options=""><i class="fa fa-cut"></i></em><em class="drag"><i class="fa fa-arrows"></i></em></div>';
				}
			});
			that.find(".ListImgs").html(html);
			delpic();
			drag_move();
			add_cutimg();
			showmenu();
		};
		viewpics('',pics);

		var uploadBtnChange = function (filefield,textObj,pics,callback){
            var scope = this;
			//var pics = [];
            if(window.File && window.FileReader && window.FileList && window.Blob){ 
                //获取上传file
                //var filefield = document.getElementById(fileName),
                file = filefield.files[0];
				var oj = filefield.files;
				for(var i=0;i<oj.length;i++){
					processfile(oj[i],textObj,pics,callback);
				}
            }else{
                alert("此浏览器不完全支持压缩上传图片");
            }
        };

        var processfile = function (file,textObj,pics,callback) {
			var Orientation = 0;
			var alltags = {};
			//获取图片的参数信息			
			EXIF.getData(file, function(){
				alltags = EXIF.pretty(this);
				//EXIF.getAllTags(this);
				Orientation = EXIF.getTag(this, 'Orientation');
			});			

            var reader = new FileReader();

			var nopress = false;	//不要压缩
			if(file.size<500000 || (file.name.substr(file.name.lastIndexOf(".")+1)).toLowerCase()=='gif'){
				reader.readAsDataURL(file);
				nopress = true;
			}

            reader.onload = function (event) {

				if(nopress==true){	//不要压缩
					$.post(severUrl, {'imgBase64':event.target.result,'Orientation':Orientation,'tags':alltags}).done(function (res) {
							 if(res.code==1){
								 pics.push(res.path);	//组图
								 //pics[0] = res.path;	//单图
								 textObj.val( pics.join(',') );
								 if(typeof callback == 'function'){
									callback(res.url,pics);
								 }
							 }else{
								 layer.alert(res.info?res.info:res.msg);
							 }
					}).fail(function () {
							alert('操作失败，请跟技术联系');
					});
					return ;
				}

                var blob = new Blob([event.target.result]); 
                window.URL = window.URL || window.webkitURL;
                var blobURL = window.URL.createObjectURL(blob); 
                var image = new Image();
                image.src = blobURL;
                image.onload = function() {
                    var resized = resizeUpImages(image , (file.name.substr(file.name.lastIndexOf(".")+1)).toLowerCase() );					
					if(resized){
						// alert( alltags );
						$.post(severUrl, {'imgBase64':resized,'Orientation':Orientation,'tags':alltags}).done(function (res) {
							 if(res.code==1){
								 pics.push(res.path);	//组图
								 //pics[0] = res.path;	//单图
								 textObj.val( pics.join(',') );
								 if(typeof callback == 'function'){
									callback(res.url,pics);
								 }
							 }else{
								 layer.alert(res.info?res.info:res.msg);
							 }
						}).fail(function () {
							alert('操作失败，请跟技术联系');
						});	
						
					}
                }
            };
            if(nopress==false)reader.readAsArrayBuffer(file);
        };

        var resizeUpImages = function (img,type) {
            //压缩的大小
            var max_width = 1920; 
            var max_height = 1080; 

            var canvas = document.createElement('canvas');
            var width = img.width;
            var height = img.height;
            if(width > height) {
                if(width > max_width) {
                    height = Math.round(height *= max_width / width);
                    width = max_width;
                }
            }else{
                if(height > max_height) {
                    width = Math.round(width *= max_height / height);
                    height = max_height;
                }
            }

            canvas.width = width;
            canvas.height = height;

            var ctx = canvas.getContext("2d");
            ctx.drawImage(img, 0, 0, width, height);
            if(type=='jpg'||type==''||type==undefined){
				type='jpeg';
			}
            //压缩率
            return canvas.toDataURL("image/"+type,0.72); 
        };

	});
});
</script>

<div class="uploadImge_order_field_4">
		<ul class="uploadImg">
			<div style="display:none;">
				<input type="file" accept="image/*" multiple/> 
				<input type="text" name="order_field_4" id="atc_order_field_4" value="" class="input_value" style="width:100%;" />				
			</div>			 
			<li class="upbtn"><i class="si si-camera"></i><i class="fa fa-crop"></i></li>
		</ul>
		<div class="ListImgs"></div>
</div>
</li>
		</ul>
  		<ul class=" customize" data-name="order_field_5" data-type="textarea" data-title="举报附注">
			<ol>举报附注 </ol>
			<li><textarea  name='order_field_5' id='atc_order_field_5' placeholder='请输入举报附注' class='layui-textarea c_order_field_5  ' style=''></textarea></li>
		</ul>
   		<div class="butter">
			<button type="submit">提交</button>
			<input type="hidden" name="order_field" id="order_field">
		</div>
	</form>
</div>
<script type="text/javascript" src="/public/static/js/order.js"></script>
<!--表单结束-->
</div>				
				<div class="Cnt"><p>欢迎大家如实举报，举报属实有效的，会有积分奖励！</p><p>恶意举报会扣除积分。</p></div>
			</div> 
		</div>
		<script>
			function changeShow(i){
				$('.changetypes span').removeClass('ck');
				$('.changetypes span').eq(i).addClass('ck');
				$('.showtypes .Cnt').hide();
				$('.showtypes .Cnt').eq(i).show();
			}
			changeShow(0);
			$('.changetypes span').click(function(){
				changeShow($(this).index());
			});
		</script>
	</div>	
</div>


<!-- 微动态自动收录用户感兴趣的主题,时间60代表用户停留60秒将自动收藏 -->

{/block}