{layout name="layout" /}
<style>
.layui-table tr{
	line-height:100px;
	height:100px;
}
.layui-table-cell {
	line-height:100px;
	height:100px;
}
.laytable-cell-1-title{
	line-height:30px;
	height:30px;
}
.mactive {
    background: #fff;
    border: 1px solid #23b7e5;
}
.mactive a{
    color: #23b7e5;
}8
</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/activity/linkcenter');}?id={$Think.get.id}', page:true, id:'idTest'}" lay-filter="demo">
                    <thead>
                    <tr>
                      	<td lay-data="{width:100,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
                        <td lay-data="{width:200,field:'title'}">活动名称</td>
                        <td lay-data="{width:120,field:'link'}">连接码</td>    
                        <td lay-data="{width:100,field:'name'}">连接名称</td>    
                        <td lay-data="{width:140,field:'qrcode',toolbar:'#showimg'}">二维码图片</td>
                        <td lay-data="{width:120,field:'create_user'}">创建者</td>
                        <td lay-data="{width:160,field:'create_time'}">创建时间</td>      
						<td lay-data="{width:120,field:'visit_total'}">访问次数</td>      
						{if condition="$visitdetail==1 || $linkdel ==1"}  
                        <td lay-data="{ width: 350, align:'center', toolbar: '#barDemo'}">操作</td>
                    	{/if}
                    </tr>
                    </thead>
                </table>
            
            </div>
            
        </div>
    </div>
</div>

<div id="addbox" class="new_msg_div">
 	<div class="xmsgd">
		<label class="layui-form-label">生成连接名称</label>
	    <div class="layui-input-block">
	        <input type="text" name="makename" id="makename" placeholder="请输入名称" autocomplete="off" maxlength="40" class="layui-input">
	    </div>
        <label class="layui-form-label">生成连接数量</label>
        <div class="layui-input-block">
            <input type="text" name="makenum" id="makenum" placeholder="请输入数量" autocomplete="off" class="layui-input" value="1">
        </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="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="showimg">
<img src="__PUBLIC__/uploads/QRimgs/{{d.qrcode}}" height="100" width="100"/>
</script>
<script type="text/html" id="statustext">
{{d.status==1?'已发布':'未发布'}}
</script>
<script type="text/html" id="coupontext">
{{d.couponname?d.couponname:'<span style="color:green">未包含</span>'}}
</script>
<script type="text/html" id="barDemo">
{notempty name="$visitdetail"}
	<a class="ex_start"  href="{:url('vip/activity/visitdetail')}?linkcode={{d.link}}" >查看浏览详情</a>
    <a class="ex_start"  href="{:url('vip/signup/index')}?activityid={{d.id}}&linkcode={{d.link}}" >查看报名详情</a>
{/notempty}
{notempty name="$linkdel"}
	<a class="ex_view" lay-event="del" data-id="{{d.lid}}">删除</a>
{/notempty}
</script>
<script type="text/html" id="imgModel">
	<img src="__PUBLIC__/uploads/{{d.img}}" height="100" width="80"/>
</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; //元素操作
		//监听工具条
		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");
				
				layer.confirm('你确定要删除这个连接吗?', function (index) {
					obj.del(); //删除对应行（tr）的DOM结构
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/activity/dellink')}",
						data:{id:id},
						type:'post',
						success:function(e){
							if(e.status==1){
								layer.msg('删除成功', {
								    icon: 1,
								});
							}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(){ 
}); 
	
	
	
$(".addlink").on('click',function(){
    layer.open({
        title:'修改类型信息',
        type: 1,
        skin: 'layui-layer-rim',
        area: ['400px', '200px'],
        content: $('#addbox'),
		btn: ['提交修改','取消'],
		yes:function(index,layero){
			var id = "{$Think.get.id}";
            var makenum = parseInt($.trim($("#makenum").val()));
			var makename = $.trim($("#makename").val());
			
			if(makenum>10 || makenum<1 ){
				layer.msg('请输入1-10之间的生成连接的数量,', {
				    icon:2
				});
				return false;
			}
			if(id && makenum){
				$.ajax({
					url:"{:url('vip/activity/makecode');}",
					data:{id:id,makenum:makenum,makename:makename},
					type:'post',
					success:function(e){
					 	if(e.status==1){
					 		layer.close(index);            
					 		layer.open({
				                content: '恭喜生成成功！',
				                btn: ['确认'],
				                yes: function(index, layero) {
				                    window.location.href= location.href;
				                }
				            });
						}else{
                            var msg = e.msg?e.msg:'';
							layer.msg('生成失败'+msg, {
							    icon: 2,
							});
						} 
					}
				})
			}else{
				layer.msg('请输入正确的生成连接的数量', {
				    icon: 2,
				});
			}	
		}
	});
})


	
	
	
	
	
	
	
</script>
</body>
</html>