{layout name="layout" /}
<style>
.laytable-cell-1-index_img {
    width: 140px;
    height: 100%;
}
.laytable-cell-1-qrcode{
	width: 140px;
    height: 100%;	
}
.layui-table-cell{
    height: auto;
}
</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/index');}?id={$Think.get.id}', page:true, id:'idTest'}" lay-filter="demo">
                    <thead>
                    <tr>
                      	<td lay-data="{width:60,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
                        <td lay-data="{width:160,field:'title'}">名称</td>
                        <td lay-data="{width:140,field:'index_img',toolbar:'#showimg'}">首页图片</td>
                      <!--   <td lay-data="{width:130,field:'couponname',toolbar: '#coupontext'}">优惠券</td> -->
                        <td lay-data="{width:100,field:'share_score'}">分享积分</td>      
                        <td lay-data="{width:80,field:'status',toolbar: '#statustext'}">是否发布</td>
                        <td lay-data="{width:80,field:'signup_total'}">报名人数</td>
                        <td lay-data="{width:80,field:'share_total'}">分享次数</td>  
						<td lay-data="{width:80,field:'view_total'}">查看次数</td>
						<td lay-data="{width:150,field:'start_time'}">开始时间</td>
						<td lay-data="{width:150,field:'end_time'}">结束时间</td>  
						<td lay-data="{width:150,field:'qrcode',toolbar: '#qr_code'}">活动二维码</td>  
						<td lay-data="{width:150,field:'create_time'}">创建时间</td>     
						{if condition="$activitylinkcenter || $signup || $setstatus || $activityedit || $activitydel"}          
                        <td lay-data="{width: 380, align:'center', toolbar: '#barDemo'}">操作</td>
                        {/if}
                    </tr>
                    </thead>
                </table>
            
            </div>
            
        </div>
    </div>
</div>

<div id="editbox" class="new_msg_div">
 	<div class="xmsgd">
		<label class="layui-form-label">类型名称</label>
	    <div class="layui-input-block">
	    	<input class="layui-input"  type="hidden" name="id" id="typeid" />
	        <input type="text" name="name" id="edittypename" placeholder="请输入标题" autocomplete="off" class="layui-input">
	    </div>
	    <div class="layui-input-block">
	      <button class="layui-btn"   lay-event="savebtn" id="savebtn">立即提交</button>
	      <button type="button" class="layui-btn layui-btn-primary layui-layer-close layui-layer-close1">取消</button>
	    </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="name" id="addtypename" placeholder="请输入标题" autocomplete="off" class="layui-input">
	    </div>
	    <div class="layui-input-block">
	      <button class="layui-btn" id="addbtn">立即提交</button>
	      <button type="button" class="layui-btn layui-btn-primary layui-layer-close layui-layer-close1">取消</button>
	    </div>

    </div>
</div>

<div id="" class="new_msg_div">
 	<div class="xmsgd">
		<label class="layui-form-label">类型名称</label>
	    <div class="layui-input-block">
	    	<input class="layui-input"  type="hidden" name="id" id="typeid" />
	        <input type="text" name="name" id="edittypename" placeholder="请输入标题" autocomplete="off" class="layui-input">
	    </div>
	    <div class="layui-input-block">
	      <button class="layui-btn"   lay-event="savebtn" id="savebtn">立即提交</button>
	      <button type="button" class="layui-btn layui-btn-primary layui-layer-close layui-layer-close1">取消</button>
	    </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">
<img src="__PUBLIC__/uploads/{{d.index_img}}" 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="coupontext">
{{d.couponname?d.couponname:'<span style="color:green">未包含</span>'}}
</script>
<script type="text/html" id="qr_code">
    <img src="{:url('activity/qr_code')}?content={{d.qrcode}}" class="" width="100%" />
</script>
<script type="text/html" id="barDemo">
{notempty name="$activitylinkcenter"}
	<a class="ex_start" data-id="{{d.id}}" href="{:url('vip/activity/linkcenter')}?id={{d.id}}">生成连接管理</a>
{/notempty}
{notempty name="$signup"}
	<a class="ex_start" data-id="{{d.id}}" href="{:url('vip/signup/newindex')}?activityid={{d.id}}" >报名详情</a>
{/notempty}
{notempty name="$setstatus"}
	<a class="ex_start" lay-event="setstatus" data-id="{{d.id}}">{{d.status==1?'取消发布':'立即发布'}}</a>
{/notempty}
{notempty name="$viewmsglist"}
	<a class="ex_start"  href="{:url('vip/activity/activitymsg')}?id={{d.id}}">查看留言</a>
{/notempty}

{notempty name="$activityedit"}
	<a class="ex_start" lay-event="edit" data-id="{{d.id}}" data-name="{{d.name}}" href="{:url('vip/activity/edit')}?id={{d.id}}" >修改</a>
{/notempty}
{notempty name="$activitydel"}
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</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/del');}",
						data:{id:id},
						type:'post',
						success:function(e){
							if(e.status==1){
								layer.msg('删除成功', {
								    icon: 1,
								});
							}else{
								//if(e.code==0){
									msg = e.msg?e.msg:'删除失败';
								//}
								layer.msg(msg, {
								    icon: 2,
								});
							}
						}
					})
				});
			}else if(layEvent === 'setstatus'){
				var thisobj = $(this);
				var id   = $(this).attr("data-id"); // 获取要操作的id
				var text = $(this).html();  // 获取当前是什么状态
				var status = text=='取消发布'?'0':1;
				layer.confirm('你确定要'+text+'吗？', function (index) {
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/activity/setstatus');}",
						data:{id:id,status:status},
						type:'post',
						success:function(e){
						    thisobj.html(text=='取消发布'?'立即发布':'取消发布');
							if(e.status==1){
								layer.msg('设置成功', {
								    icon: 1,
								    style: 'color:#FFF' // 透明度  颜色
								});
							}else{
								layer.msg('设置失败', {
								    icon: 2,
								    style: 'color:#FFF' // 透明度  颜色
								});
							}
						}
					})
				});
			}
		});
		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>
</body>
</html>