{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;
}.margin_top_10 {
    margin-top: 10px !important;
}
.new_msg_div {
    overflow: initial !important;
}

.center{
    text-align: center;
}
.mytextarea {
    width: 320px;
    height: 200px;
}
</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/activitymsg');}?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:140,field:'username'}">用户名</td>    
                        <td lay-data="{width:140,field:'phone',toolbar: '#phonetext'}">手机号</td>
                        <td lay-data="{width:140,field:'content'}">留言内容</td>
                        <td lay-data="{width:120,field:'status',toolbar: '#statustext'}">状态</td>
                        <td lay-data="{width:160,field:'create_time'}">创建时间</td>      
						<td lay-data="{width:120,field:'staff_name',toolbar: '#checktext'}">审核人员</td>   
						<td lay-data="{width:160,field:'check_time',toolbar: '#checktimetext'}">审核时间</td>        
						{if condition="$delmsg==1 || $editmsg ==1 || $checkmsg==1"}  
                        <td lay-data="{ width: 250, align:'center', toolbar: '#barDemo'}">操作</td>
                    	{/if}
                    </tr>
                    </thead>
                </table>
            
            </div>
            
        </div>
    </div>
</div>

<div id="editmsg" class="new_msg_div center">
<form class="layui-form" action="" id="sendform">
<div class="xmsgd">
	<input class="layui-input"  type="hidden" name="id" value="" id="emsgid"/>
	<div class="layui-input-inline">
		<textarea placeholder="请输入短信内容" name="msgcontent" id="msgcontent" class="layui-textarea mytextarea"></textarea>
	</div>
</div>
</form>
</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="phonetext">
{{d.phone?d.phone:'未绑定'}}
</script>
<script type="text/html" id="statustext">
{{d.status==1?'审核通过':(d.status==2?'未通过审核':'待审核')}}
</script>
<script type="text/html" id="checktimetext">
{{d.check_time?d.check_time:'/' }}
</script>
<script type="text/html" id="checktext">
{{d.staff_name?d.staff_name:'/' }}
</script>
<script type="text/html" id="barDemo">
{notempty name="$checkmsg"}
	<a class="ex_view" lay-event="checkmsg" data-id="{{d.id}}"  data-value="1">审核通过</a>
    <a class="ex_view" lay-event="checkmsg" data-id="{{d.id}}" data-value="2">不通过</a>
{/notempty}
{notempty name="$editmsg"}
	<a class="ex_view" lay-event="edit" data-id="{{d.id}}" data-content="{{d.content}}" >修改</a>
{/notempty}
{notempty name="$delmsg"}
	<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/delactivitymsg')}",
						data:{id:id},
						type:'post',
						success:function(e){
							if(e.status==1){
								layer.msg('删除成功', {
								    icon: 1,
								});
							}else{
								layer.msg('删除失败', {
								    icon: 2,
								});
							}
						}
					})
				});
			}else if(layEvent =='edit') {
				  var id = $(this).attr("data-id");
				  var content = $(this).attr("data-content");
				  
				  $("#emsgid").val(id)
				  $("#msgcontent").val(content)
				  layer.open({
			          title:'修改留言信息',
			          type: 1,
			          skin: 'layui-layer-rim',
			          area:  ['400px', '350px'],
			          content: $('#editmsg'),
			          btn:['提交','取消'],
			          yes:function(index){
						var content = $.trim($("#msgcontent").val());
						if(!content){
						    layer.msg('请输入留言内容', {
						        icon: 2
						    });
							return;
						}
						var formid = document.getElementById("sendform");
						var sformData = new FormData(formid);
						$.ajax({
						    type:'post',
						    url:"{:url('vip/activity/editactivitymsg')}",
							data:sformData,
							processData: false,  // 不处理数据
							contentType:false,
							      success:function(s){
							          if(s.status==1){
							              layer.open({
							                  content: '修改成功',
							                  btn: ['确认'],
							                  yes: function(index, layero) {
							                      window.location.reload();
							                  }
							              });
							          }else{
							              layer.msg(s.msg, {
							                  icon: 2
							              });
							          }
							      }
						    });
							return false;
				      }
	
				      });
			}if (layEvent === 'checkmsg') {
				var id     = $(this).attr("data-id");
				var status = $(this).attr("data-value");
				var text   = status==2?'不通过':'通过';
				layer.confirm('你确定要审核'+text+'这个留言吗?', function (index) {
					 
					layer.close(index);
					//向服务端发送删除指令
					$.ajax({
						url:"{:url('vip/activity/setstatusmsg')}",
						data:{id:id,status:status},
						type:'post',
						success:function(e){
							if(e.status==1){
								  layer.open({
					                  content: '处理成功',
					                  btn: ['确认'],
					                  yes: function(index, layero) {
					                      window.location.reload();
					                  }
					              });
							}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>
</body>
</html>