{layout name="layout" /}
<style>
.mactive {
    background: #fff;
    border: 1px solid #23b7e5;
}
.mactive a {
    color: #23b7e5;
}
.margin_top_10 {
    margin-top: 10px !important;
}
</style>
    <div class="if_wrap">
        <div id="if_con">
        	<div class="cus-con">
                <div class="set-top">                   
{$topmenu}
                </div>
			
                <table class="layui-table" lay-data="{ url:'{:url('vip/users/importlist');}', page:true, id:'idTest'}" lay-filter="demo">
                    <thead>
                     <tr>
                      	<td lay-data="{width:80,field:'id',sort: true,templet: '#indexTpl'}">序号</td>
                        <td lay-data="{width:120,field:'file_name'}">文件名称</td>
                        <td lay-data="{width:80,field:'all_number'}">数据总量</td>
                        <td lay-data="{width:80,field:'fail_number'}">导入失败</td>
                        <td lay-data="{width:120,field:'import_number'}">成功导入</td>
                        <td lay-data="{width:150,field:'addtime'}">上传时间</td>
                        <td lay-data="{width:120,field:'staff_name'}">操作人员</td>
                        <td lay-data="{width:80,field:'staff_id'}">人员编号</td>
                        <td lay-data="{width:80,field:'status',toolbar: '#statustext'}">处理状态</td>
                        {notempty name="downexcel"}
                        <td lay-data="{ width: 250, align:'center', toolbar: '#barDemo'}">操作</td>
                        {/notempty}
                    </tr>
                    </thead>
                </table>
            
            </div>
            
        </div>
    </div>
<script>document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>
<script type="text/html" id="showimg">
	{{# if(d.openid){ }}
		<img src="__PUBLIC__/uploads/headimg/{{d.openid}}/headimg.png" width="100%"/>
	{{# }else{ }}
		<img src="__PUBLIC__/uploads/headimg/default/headimg.png" width="100%"/>
	{{# } }}
</script>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="statustext">
{{d.status==1?'已处理':'待处理'}}
</script>
 
<script type="text/html" id="barDemo">	
{notempty name="downexcel"}
<a class="ex_view" href="__PUBLIC__/uploads/excel/{{d.file_url}}">下载源文件</a>
{{# if(d.fail_number>0){ }}
<a href="__PUBLIC__/uploads/excel/{{d.fail_file_url}}">下载失败数据</a>
{{# } }}
{/notempty}
</script>
<script>

layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
		var laydate = layui.laydate //日期
				,laypage = layui.laypage //分页
		layer = layui.layer //弹层
				,table = layui.table //表格
				,carousel = layui.carousel //轮播
				,upload = layui.upload //上传
				,element = layui.element; //元素操作
		 //执行实例
		 var uploadInst = upload.render({
			elem: '#upusers' //绑定元素
			,url: "{:url('vip/users/upExcel')}" //上传接口
			,accept:"file"
			,exts:"xls|xlsx"
			,auto: true
			,field: 'filename'
			,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
				layer.closeAll('page'); //关闭所有页面层
				//layer.closeAll('iframe'); //关闭所有的iframe层
				//layer.closeAll('tips'); //关闭所有的tips层
				//i = ityzl_SHOW_LOAD_LAYER();
				//layer.load(); //上传loading
			  }
			,done: function(res, index, upload){
				var msg = res.filename?'下载未导入的数据':'好的,我知道了';
				if(res.status == 1){
			    	layer.open({
						content: '数据文件上传成功,点击[导入记录]查看导入处理情况！',
						title:'操作提示',
						btn: ['好的,我知道了'],
						yes: function(index, layero) {
							var url = "{:url('vip/users/importlist')}";
							window.location.href = url;
						}
					});
			    }else{
		    		layer.msg('没有要导入的数据', {
					    icon: 2,
					});
			    }
			  }
		 });
		//监听工具条
		table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
			var data = obj.data //获得当前行数据
					, layEvent = obj.event; //获得 lay-event 对应的值
			if (layEvent === 'del') {
				var id   = $(this).attr("data-id");
				var pid  = $(this).attr("data-pid"); // 获取要openid
				layer.confirm('你确定要删除这个用户吗?', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/users/del');}",
						data:{id:id,pid:pid},
						type:'post',
						success:function(e){
							if(e.status==1){
								layer.msg('删除成功', {
								    icon: 1,
								});
							}else{
								layer.msg('删除失败', {
								    icon: 2,
								});
							}
						}
					})
				});
			}else if(layEvent === 'setstatus'){
				var thisobj = $(this);
				var id      = $(this).attr("data-id"); // 获取要操作的id
				var pid     = $(this).attr("data-pid"); // 获取要openid
				var openid  = $(this).attr("data-openid"); // 获取要openid
				var text    = $(this).html();  // 获取当前是什么状态
				var usertype = "{$Think.get.usertype?1:0}";
			    trueid = usertype==1?id:pid;
	 			openid = openid && openid!='null'?openid:'';
				var status = $(this).attr("data-status");
				///alert(status)
				layer.confirm('你确定要'+text+'这个用户吗？', function (index) {
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/users/setstatus');}",
						data:{id:id,openid:openid,status:status}, 
						type:'post',
						success:function(e){
						    //	thisobj.html(text=='启用'?'停用':'启用');
							if(e.status==1){
								layer.open({
									content: '设置成功！',
									btn: ['确认'],
									yes: function(index, layero) {
										window.location.href="{:url('vip/users/index')}?usertype={$Think.get.usertype}";
									}
								});
							}else{
								layer.msg('设置失败', {
								    icon: 2
								});
							}
						}
					})
				});
			}
		});
		laypage.render({
			elem: 'pageDemo' //分页容器的id
			,count: 100 //总页数
			,limits: [2,10,20,30]
			,skin: '#1E9FFF' //自定义选中色值
			//,skip: true //开启跳页
			,jump: function(obj, first){
				if(!first){
					layer.msg('第'+ obj.curr +'页');
				}
			}
		});
	})
layui.use('form', function(){ 
}); 
</script>
{include file="users/import"}
</body>
</html>