/**
 * create by robot 
 * date Thu Sep 12 16:16:36 CST 2019 
 */ 

var pageIndex=1;
$(document).ready(function(){
	//调用查询
	pageIndex=StringUtil.getQueryString('pageIndex');
	if(pageIndex==undefined||pageIndex==null){
		pageIndex=1;
	}
	queryDevice(pageIndex);
	//绑定hover操作
	$(document).on('mouseenter','.listOperaters',function(){
		$(this).children(".ops_itemDiv").show();
		var width=15;
		$(this).children('div').find('li').each(function(){
			//获取li宽度
			width+=$(this).width();
		});
		$(this).children('div').width(width);
	})
	$(document).on('mouseleave','.listOperaters',function(){
		$(this).children(".ops_itemDiv").hide();
	});

	//日历控件
	layui.use(['layer', 'laydate'], function() {
		var layer = layui.layer;
		laydate = layui.laydate;
		laydate.render({
		elem: '#date1' //指定元素
		});
		laydate.render({
			elem: '#date2' //指定元素
		});
	});


	//行选中事件
	$("#allCheck").find("span").click(function() {
		$(this).toggleClass('checked');
		if($(this).hasClass('checked')){
			//所有列选中
		  $(".checker").find("span").each(function () {
		         $(this).addClass("checked");
		    })
		}else{
			//所有列取消选中
			$(".checker").find("span").each(function () {
				 $(this).removeClass("checked");
		    })
		}
	});

	//单个选中
	$(document).on('click','.checkeBox span',function() {
		$(this).toggleClass('checked');
		//设置头部事件
		var length=$('.checkeBox span').length;
		var count=0;
		$(".checkeBox").find("span").each(function () {
	        if($(this).hasClass("checked")){
	        	count++;
	        }
	   })
		//全选
	   if(count==length){
		   $("#allCheck").find("span").addClass('checked');
	   }else{
		   $("#allCheck").find("span").removeClass('checked');
	   }
	})
	//左右div高度相等
	var left_content_height = $(".right-content").height();
	$(".left-content").height(left_content_height+35);
	var sub_left_height=$(".res-menu").height(left_content_height-60);
});

//查询
function queryDevice(index){
	if(typeof(index)=='undefined'){
		index=1;
	}
	var url=ctx+'/device/queryDeviceByPage';
	$.ajax({  
        url:url,  
        type:"post", 
        dataType:"json",  
        data:{  
        	"currPage":index,
        	"name":$('#name').val(),
        	"venderName":$('#venderName').val(),
        	"venderModel":$('#venderModel').val(),
        	"status":$('#status').val(),
        	"startTime":$('#date1').val(),
        	"endTime":$('#date2').val(),
        },  
       success:function(result){  
        	//渲染数据
        	$('#data_content').empty();
        	var header='';
        	var presentPage=result.currPage;
        	$.each(result.deviceList,function(i){
        		var orderNumber=(presentPage-1)*12+i+1;
        		var device=result.deviceList[i];
        		var data='';
        		data+='<tr class="odd">';
        		data+='<td class="textc">';
				data+='		 <div class="checker checkeBox">';        		data+='		 <span class=""  data-id="'+device.id+'"><input type="checkbox"  value=""></span>';
        		data+='		</div>';
        		data+='</td>';
        		data+='<td class="textc">'+orderNumber+'</td>';
        		data+='<td class="textc">'+device.name+'</td>';
        		data+='<td class="textc"><a href="javascript:void(0);" onclick="enlargePicture(\''+device.deviceLogo+'\')"><img src="'+device.deviceLogo+'" onerror="javascript:this.src=\'https://www.shouyinbei.net/resources/images/error.jpg\'"   height="30px" width="30px"></img></a></td>';
        		data+='<td class="textc">'+device.venderName+'</td>';
        		data+='<td class="textc">'+device.venderModel+'</td>';
        		var status='';
        			if(device.status==0){
        				status='不显示';
        			}
        			if(device.status==1){
        				status='显示';
        			}
        		data+='<td class="textc">'+status+'</td>';
        		/*data+='<td class="textc">'+device.inventory+'</td>';*/
        		data+='<td class="textc">'+device.unitPrice+'</td>';
        		data+='<td class="textc">'+device.seq+'</td>';
        		var createDt='';
        		if(StringUtil.isNotBlank(device.createDt)){
        			createDt=new Date(device.createDt).toYYYYMMDDHHMMSS();
        		}
        		data+='<td class="textc">'+createDt+'</td>';
        		data+='<td class="textc">';
        		data+='<div class="positionr listOperaters">';
        		data+='		<a href="javascript:void(0);"  class="icon-large dlblock w16 h16"><img src="'+resourcePath+'/images/angle-down.png"/></a>';
        		data+='		<div class="ops_box ops_itemDiv positiona clearfix whitebg">';
        		data+='			<ul>';
        		data+='				<li class="fl ml2 mr2"><a href="javascript:void(0);" onclick="showDeviceDetails('+device.id+')" class="btn btn-primary fa fa-edit ops_more f12">编辑</a></li>';
//        		data+='				<li class="fl ml2 mr2"><a href="javascript:void(0);" onclick="initDeleteDevice('+device.id+')" class="btn btn-primary fa fa-remove ops_more f12">删除</a></li>';
//        		data+='				<li class="fl ml2 mr2"><a href="javascript:void(0);" onclick="showDeviceDetails('+device.id+')" class="btn btn-primary fa fa-detail ops_more f12">明细</a></li>';
        	    data+='			</ul>';
              data+='		</div>';
        	    data+='</div>';
        	    data+='</td>';
        	    data+='</tr>';
        	    $('#data_content').append(data);
        	});
        	//分页
        	$('#pageCount').html(result.pageCount);
      	$('#currPage').html(result.currPage);
          $('#totalCount').html(result.count);
           	//设置分页
           	pageIndex=result.currPage;
			$('#pagination').pagination({
				pageCount: result.pageCount,
				jump: true,
				coping: true,
				jump: true,
				homePage: '首页',
				endPage: '末页',
				prevContent: '上页',
				nextContent: '下页',
				current:result.currPage,
				callback:function(api){
					pageIndex=api.getCurrent();
					queryDevice(api.getCurrent());
				}
			});
        } 
    });  
	//表头列不选中
	$("#allCheck").find("span").removeClass('checked');
}

//初始化新增
function initAddDevice(){
	window.location=ctx+'/device/queryDeviceDetails?pageIndex='+pageIndex;
}

//初始化修改
function showDeviceDetails(id){
	window.location=ctx+'/device/queryDeviceDetails?id='+id+'&pageIndex='+pageIndex;
}

//初始化删除
function initDeleteDevice(id){
	
		layer.open({
		type: 1,
		closeBtn: 1,		title: '提示',
		offset: 'm', //具体配置参考：offset参数项
		area: ['300px', '180px'],
		content: '<div style="padding:10px;" class="textc mt20">确认删除吗？</div>',
		btn: ['确认','取消'],
		btnAlign: 'r'	, //按钮居中
		shade: 0.3 ,//不显示遮罩
		yes: function() {
			layer.closeAll();
			deleteDevice(id,true);
		}
	});
}

//删除
function deleteDevice(id,showMsg){
	$.ajax({
		url:ctx+'/device/deleteDevice',
		data:[{
			name:'id',
			value:id
		}],
		type:'POST',
		dataType:'json',
		success:function(){
			queryDevice(pageIndex);
			if(showMsg){
				layer.msg('删除成功!');	
			}
		}
	});
}
//头部编辑
function initEditDevice(){
	var count=0;
	var id=0;
	$(".checkeBox").find("span").each(function () {
         if($(this).hasClass("checked")){
        	 count++;
        	 id=$(this).data('id');
         }
    })
    if(count>1){
    	layer.msg('只能选中一行记录进行操作!');
    	return ;
    }
	 if(count==0){
    	layer.msg('请选中一行记录!');
    	return ;
	  }
	 if(id>0){
	  showDeviceDetails(id);
	 }
}
//头部删除
function initBatchDeleteDevice(){
	var count=0;
	$(".checkeBox").find("span").each(function () {
         if($(this).hasClass("checked")){
        	 count++;
         }
    })
	
	 if(count==0){
    	layer.msg('请选中一行记录!');
    	return ;
	  }
	

	layer.open({
		type: 1,
		closeBtn: 1,
		title: '提示',
		offset: 'm', //具体配置参考：offset参数项
		area: ['300px', '180px'],
		content: '<div style="padding:10px;" class="textc mt20">确认删除吗？</div>',
		btn: ['确认','取消'],
		btnAlign: 'r', //按钮居中
		shade: 0.3, //不显示遮罩
		yes: function() {
			layer.closeAll();
			deleteBatchDevice();
		}
	});
	
}
//批量删除
function deleteBatchDevice(){
	
	$(".checkeBox").find("span").each(function () {
        if($(this).hasClass("checked")){
        	var id=$(this).data('id');
        	deleteDevice(id,false);
        	layer.msg('删除成功!');	
        }
   })
}

//点击放大图片
function enlargePicture(billPicUrl){
	//alert("即将弹出图片");
	var data='';
	data+='<img src="'+billPicUrl+'"  class="img" onerror="javascript:this.src=\'https://www.shouyinbei.net/resources/images/error.jpg\'" >';
	$('#picture').append(data);
	$('#pictureWindow').show();
}

function hidePictureWindow(){
	$('#picture').empty();
	$('#pictureWindow').hide();
}

