{layout name="layout" /}
<style>
.hjf input .file {
    width: 200px;
    float: left;
    height: 80px;
    width: 120px;
}.layui-table img {
    max-width: 100px;
}.laytable-cell-1-3 {
    width: 140px;
    height: 100%;
}
.hjf{width:100%; float:left; clear:both; padding:5px 0; box-sizing:border-box; padding-left:15px;}
.hjf small{width:80px; float:left; padding:6px 0; text-align:right; padding-right:10px;}
.hjf input{width:200px; float:left;}
</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/secretary/index');}', 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:140,field:'name'}">秘书名称</td>    
                        <td lay-data="{width:160,field:'phone'}">手机号</td>
                        <td lay-data="{width:160,field:'create_time'}">添加时间</td>        
                        <td lay-data="{width:160,field:'staff_name'}">创建人</td>
                        <td lay-data="{width:200,field:'staff_id'}">创建人编号</td>
 						{if condition='$sedit=1 || $sdel==1'}
                        <td lay-data="{ width: 260, align:'center', toolbar: '#barDemo'}">操作</td>
                        {/if}
                    </tr>
                    </thead>
                </table>
            </div>
            
        </div>
    </div>
<div id="editbox" class="new_msg_div">
 	<div class="xmsgd">
 		<form method="post" id="editform">
	    <div class="layui-input-block" style="margin-left:0;">
	    	<input type="hidden" class="layui-input" name="id" id="eid" />
	       	<span class="hjf"><small>秘书名称：</small><input type="text" class="layui-input" name="ename" id="ename" /></span>
 			<span class="hjf"><small>手机号：</small><input type="text" class="layui-input" name="ephone" id="ephone" maxlength="11" onkeyup='this.value=this.value.replace(/\D/gi,"")' /></span> 
	    </div>
	    </form>
    </div>
</div>

<div id="addbox" class="new_msg_div">
	<form  action="" method="post" id="addform">
 	<div class="xmsgd">
	    <div class="layui-input-block" style="margin-left:0;">
	       	<span class="hjf"><small>秘书名称：</small><input type="text" class="layui-input" name="aname" id="aname" /></span>
			 <span class="hjf"><small>手机号：</small><input type="text" class="layui-input" name="aphone" id="aphone" maxlength="11" onkeyup="this.value=this.value.replace(/\D/gi,'')"/></span>
	    </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="barDemo">	
{notempty name="$sedit"}
	<a class="ex_start edit" lay-event="edit" data-data="{{d.id}},{{d.name}},{{d.phone}}" >修改</a>
{/notempty}
 
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
 
</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);
					//向服务端发送删除指令
					if(id){
						$.ajax({
							url:"{:url('vip/secretary/del');}",
							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 datastr = $(this).attr("data-data");
				var dataarr = datastr.split(',');
			 	$("#eid").val(dataarr[0]);
				$("#ename").val(dataarr[1]);
				$("#ephone").val(dataarr[2]);
			    layer.open({
			        title:'修改用户级别',
			        type: 1,
			        skin: 'layui-layer-rim',
			        area:  ['400px', '250px'],
			        content: $('#editbox'),
			        btn:['提交修改','取消'],
			        yes:function(index){
			        	var id       = $.trim($("#eid").val());
			        	var name     = $.trim($("#ename").val());
			        	if(id && name){
			        		var formid = document.getElementById("editform");
							var sformData = new FormData(formid);
							$.ajax({
							  type:'post',
							  url:"{:url('vip/secretary/edit')}",
							  data:sformData,
							  processData: false,  // 不处理数据
							  contentType:false,
							  success:function(s){
							    if(s.status==1){
							      layer.open({
							        content: '恭喜您添加成功！',
							        btn: ['确认'],
							        yes: function(index, layero) {
							          window.location.href="{:url('vip/secretary/index')}";
							        }
							      });
							    }else{
							      layer.msg(s.msg, {
							        icon: 2
							      });
							    }
							  }});
							return false;
			        	}else{
			        		msg = id?'请填写类型名称':'无法修改这条数据';
			        		layer.msg(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(){ 
}); 
	

// 新添加类型
$("#addsecretary").on('click',function(){
    layer.open({
        title:'添加会员秘书',
        type: 1,
        skin: 'layui-layer-rim',
        area:  ['400px', '250px'],
        content: $('#addbox'),
        btn:['立即添加','取消'],
        yes:function(index){
        	var names  = $.trim($("#aname").val());
        	var phone = $.trim($("#aphone").val());
        	if(names){
        		 
        		var formid = document.getElementById("addform");
				var sformData = new FormData(formid);
				$.ajax({
				  type:'post',
				  url:"{:url('vip/secretary/add')}",
				  data:sformData,
				  processData: false,  // 不处理数据
				  contentType:false,
				  success:function(s){
				    if(s.status==1){
				      layer.open({
				        content: '恭喜您添加成功！',
				        btn: ['确认'],
				        yes: function(index, layero) {
				          window.location.href="{:url('vip/secretary/index')}";
				        }
				      });
				    }else{
				      layer.msg(s.msg, {
				        icon: 2
				      });
				    }
				  }});
			 
        	}else{
        	/* 	$("#aname").focus();
        		layer.msg('请输入秘书名称', {
        		    icon: 2,
        		}); */
        	

        }}
	});
})
 
 
</script>	
</body>
</html>