$(function(){
	var table = layui.table;
	var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功    
	    form.render();
	var $ = layui.$;
	var allows=[0];
	var appAllow="1";//1表示全部
  //方法级渲染 
  table.render({
    elem: '#userlist',
    url: '/userCenter.do?m=user',
    toolbar: '#toolbarDemo',
    defaultToolbar:'',
    cols: [[
       {field:'avatarunid', title: '头像',align:'center',width:80,templet: function(d){
           return '<img src="'+((d.avatarunid!=null && d.avatarunid!="")?"/getImage.do?uuid="+d.avatarunid+"&type=0":"/js/userCenter/images/user_unSet_image.png")+'" style="width:30px;height:30px;border-radius: 50px;"/>'
       }}
       ,{field:'logontype', title: '登录类型',align:'center',sort: true,templet: function(d){
    	    switch(d.logontype){
    	    case 0:
    	    	return '用户';
    	    	break;
    	    case 1:
    	    	return '客户';
    	    	break;
    	    case 2:
    	    	return '员工';
    	    	break;
    	    case 3:
    	    	return '供应商';
    	    	break;
    	    }
    	   }
       }
      ,{field:'usercode', title: '用户账号',align:'center',sort: true}
      ,{field:'username', align:'center',title: '用户名',sort: true}
      ,{field:'ccname',align:'center', title: '所属部门',sort: true}
      ,{field:'tel', align:'center',title: '电话',sort: true}
      ,{field:'pwdexpired', align:'center',title: '密码有效期',sort: true}
      ,{field:'inactive', align:'center',title: '账号状态',sort: true,templet:function(t){
    	  return '<span style="color:'+((t.inactive==0||t.inactive==null)?"#009688":"#FF5722")+';">'+((t.inactive==0||t.inactive==null)?"启用":"冻结")+'</span>';
      }}
     ,{field:'right', align:'center',title: '操作',toolbar: '#barDemo'}
    ]],
    id: 'testReload',
    page:{
    	groups:10
    },
    limit:10,//每页显示8条数据
    limits : [10,15,20,25,30],
    where: { //条件
    	value:$('#demoReload').val(),
        allow: allows.join(),
		appAllow:appAllow
    }
  });
  
  //监听行双击事件（双击事件为：row）
  table.on('rowDouble(user)', function(obj){
    var data = obj.data;
    parent.addTab('维护【'+data.username+'】用户','9672','16','usercode='+data.usercode+'&logontype='+data.logontype,'','','');
  });
  
  function getSelect(id,data){
	  $("#"+id).empty();
		 //为select添加option
		  $("#"+id).append(new Option("",""));
		  $.each(data.data,function(index,item){
			  $("#"+id).append(new Option(item.name,item.value));			  
		  });	
		  form.render('select');
  }
  //复选框触发事件
  form.on('checkbox(allow)', function(data){
	  var i=parseInt(data.value);
	  if(data.elem.checked){
		  allows.push(i);
	  }else{
		  allows.forEach((item,index,allows) => {
			    if(item === i){
			    	allows.splice(index,1)
			    }
			});
	  }
	  active["reload"].call(this);
  });
	//复选框触发事件
	form.on('select(appAllow)', function(data){
		appAllow=data.value;
		active["reload"].call(this);
	});
  //头工具栏事件
 var ZCuser = table.on('toolbar(user)', function(obj){
	 if(obj.event=="newUser"){
			layer.open({
				    	type: 1,
				    	area:['500px','500px'],
				    	content: $('#addUser').html(),
				    	title:'新用户注册',
				        resize :false,
				    	success :function(dom,index){
				    		  $('#addUser').remove();
				    		  //获取公司ID进行添加用户
							  getpost('companyId')
							  form.on('select(company-Id)', function(data){
								  getpost('ccCode',data.value)
							  });
				    	  },
				    	  cancel :function(index, layero){
				    		  layer.close(index)
				    		  location.reload();//刷新
				    	  }
			}); 				 
	 }else{
		 location.reload();//刷新
	 }	  
  }); 
  getpost=function(id,value){
	 $.post('/userCenter.do?m=getSelect',{'codeId':id,'companyId':value},function(v){
		  if(v!=null){					  
			  getSelect(id,v);
		  }
	  });
  }  
  //监听行工具事件
  table.on('tool(user)', function(obj){
    var data = obj.data;
    if(obj.event === 'del'){
		layer.confirm('确定删除【'+data.username+'】用户吗？', {
			  btn: ['确定', '取消'], //可以无限个按钮
			  closeBtn: 0,
			  btnAlign: 'c',
			  resize :false
			}, function(index, layero){
				//删除用户
	    		$.post('/userCenter.do?m=deluser',{'usercode':data.usercode,'logontype':data.logontype},function(d){
	    			if(d!=null&& d.info==1){
	    				 obj.del();
	    			     layer.close(index);
	    			     layer.msg('删除成功！');
	    			    // $('.demoTable .layui-btn').triggerHandler('click');
	    			}else{
	    				
	    			}
	    		})
			});
    } else if(obj.event === 'edit'){
    	parent.addTab('维护【'+data.username+'】用户','9672','16','usercode='+data.usercode+'&logontype='+data.logontype,'','','');
    }
  });
  
 var active = {
    reload: function(){
      var demoReload = $('#demoReload');
      //执行重载
      table.reload('testReload', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: { 
            value: demoReload.val(),
            allow: allows.join(),
			appAllow:appAllow
        }
      }, 'data');
    }
  };
  
  //搜索按钮
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
  //搜索回车
  $('.demoTable input').on('keydown', function(e){
	  if(e.keyCode==13){
		  var type = $(this).data('type');
		  active[type] ? active[type].call(this) : '';
	  }
  });
  
  //自定义验证规则
  form.verify({
    title: function(value){
      var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
      if(value.length < 3){
        return '账号至少得3个字符啊';
      }
      if(reg.test(value)){
    	  return '只能是【数字】或【英文+数字】';
      }
    },pass: [
        /^[\S]{6,12}$/
        ,'密码必须6到12位，且不能出现空格'
      ]
  });
  
  //监听提交
  form.on('submit(ok)', function(data){
	$(this).attr({"disabled":"disabled"});
	$(this).addClass('layui-btn-disabled');
    $.post('/userCenter.do?m=addUser',data.field,function(res){
    	if(res!=null && res.info==1){
    		layer.msg('注册成功');
    		setTimeout(function(){
    			layer.closeAll();
    			location.reload();//刷新
    			//$('.demoTable .layui-btn').triggerHandler('click');
    		}, 1000);
    		
    	}
    }).error(function(e){
    	layer.msg(e.responseText);
		setTimeout(function(){
			layer.closeAll();
			location.reload();//刷新
			//$('.demoTable .layui-btn').triggerHandler('click');
		}, 3000);
    });
    return false;
  });
})