layui.use(['form', 'table','laytpl','laypage'], function () {
        var $ = layui.jquery,
            form = layui.form,
			laytpl = layui.laytpl,
			laypage = layui.laypage,
            table = layui.table;
		//总页数大于页码总数
		var sechparem={
			page:1,
			limit:8
		}
		// 获取当前语言
		var currentLang = localStorage.getItem('language') || 'zh';
		var lang = langConfig[currentLang];
		function getlist(){
			self.userslist({
				type:'get',
				data:sechparem,
				successCallBack: function(result){
					if(result.code==0){
						var list = result.data.list
						var getTpl = demo.innerHTML
						,view = document.getElementById('view');
						laytpl(getTpl).render(list, function(html){
						  view.innerHTML = html;
						});
						form.render();	
					}
				},
				failCallBack: function(result){
					alert(result.message);
				}
			})
		}
		self.userslist({
			type:'get',
			data:sechparem,
			successCallBack: function(result){
				if(result.code==0){
					var list = result.data.list
					var getTpl = demo.innerHTML
					,view = document.getElementById('view');
					laytpl(getTpl).render(list, function(html){
					  view.innerHTML = html;
					  window.i18n.updatePageContent(); 
					});
					form.render();	
					
					form.on("switch(switchTest)", function (data) {
						var id = $(this).data('id'); 
						let load = layer.load();
						let postData = {};
						postData.status = data.elem.checked ? 1 : 0;
						postData.id = id;
						self.usersupdate({
							type:'post',
							data: postData,
							successCallBack: function (result) {
								layer.msg(result.message)
								layer.close(load);
								getlist()
							},
							failCallBack: function (result) {
								layer.msg(result.message)
								layer.closeAll('loading');
							}
						})
					});
					
					laypage.render({
						elem: 'test-laypage-demo1',
						count: result.data.meta.total, //数据总数，从服务端得到
						layout: ['prev', 'page', 'next', 'count'],
						prev: '<i class="layui-icon">&#xe603;</i>',
						next: '<i class="layui-icon">&#xe602;</i>',
						limit: 9,
						limits: [9, 16, 24, 32],
					  // ,count: 70 //数据总数，从服务端得到
						jump: function(obj, first){
							//obj包含了当前分页的所有参数，比如：
							console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
							console.log(obj.limit); //得到每页显示的条数
							sechparem.page=obj.curr
							sechparem.limit=obj.limit
							window.i18n.updatePageContent(); 
							//首次不执行
							if(!first){
								getlist()
							  //do something
							}
						}
					});
				}
				
			},
			failCallBack: function(result){
				alert(result.message);
			}
		})
		
		//添加
		$("#addbtn").click(function(){
			var index = layer.open({
			    title: lang.userlist.add,
			    type: 2,
			    shade: 0.2,
			    maxmin:true,
			    shadeClose: true,
			    area: ['70%', '90%'],
				btn: [lang.audit.confirm, lang.audit.cancel], 
			    content: '../page/table/userlistadd.html',
				yes: function (index, layero) {
					var iframeWindow = window['layui-layer-iframe' + index]
						, submitID = 'saveBtn'
						, submit = layero.find('iframe').contents().find('#' + submitID);
					//监听提交
					iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
						var field = data.field; //获取提交的字段
						self.agtadd({
							type: 'post',
							data: data.field,
							successCallBack: function (result) {
								layer.msg(result.message)
								layer.close(index); //关闭弹层
								getlist(1,10)
							},
							failCallBack: function (result) {
								alert(result.message);
							}
						})
						console.log(field)
				
					});
					submit.trigger('click');
				}
			});
			$(window).on("resize", function () {
			    layer.full(index);
			});
		})
		//编辑                                                                                                                                                                                                                                                                                                                                                                                                    
		$(document).on('click', '.items', function() {
			var id = $(this).data('id'); // 获取data-id属性值
			var name = $(this).data('name'); // 获取data-id属性值
			if (name === 'edit') {
			    var index = layer.open({
			        title:lang.audit.edit_title,
			        type: 2,
			        shade: 0.2,
			        maxmin:true,
			        shadeClose: true,
			        area: ['70%', '90%'],
					btn: [lang.audit.confirm, lang.audit.cancel], 
			        content: '../page/table/userlistedit.html?id='+id,
					yes: function(index, layero){
						var iframeWindow = window['layui-layer-iframe'+ index]
							,submitID = 'saveBtn'
							,submit = layero.find('iframe').contents().find('#'+ submitID);
						//监听提交
						iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
							var field = data.field; //获取提交的字段
							self.usersupdate({
								type:'post',
								data:data.field,
								successCallBack: function(result){
									layer.msg(result.message)
									layer.close(index); //关闭弹层
									getlist(1,10)
								},
								failCallBack: function(result){
									alert(result.message);
								}
							})
						});
						submit.trigger('click');
					}
			    });
			    $(window).on("resize", function () {
			        layer.full(index);
			    });
			    return false;
			} else if (name === 'delete') {
			    layer.confirm(lang.audit.confirm_delete, function(index) {
			    	self.usersdelete({
			    		type:'post',
			    		data:{id:id},
			    		successCallBack: function(result){
			    			layer.msg(result.message, {
			    				icon: 1,
			    				time: 1000
			    			});
			    			getlist(1,10)
			    		},
			    		failCallBack: function(result){
			    			alert(result.message);
			    			window.location.reload()
			    		}
			    	})
			    
			    });
			}
			console.log(id)
			console.log(name)
		});	
		
		// 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            sechparem =data.field;
			sechparem.page=1
			sechparem.limit=10
			getlist()
            return false;
        });

        /**
         * toolbar监听事件
         */
		

    });