layui.use(['form', 'table','laytpl','laypage'], function () {
        var $ = layui.jquery,
            form = layui.form,
			laytpl = layui.laytpl,
			laypage = layui.laypage,
            table = layui.table;
		// 获取当前语言
		var currentLang = localStorage.getItem('language') || 'zh';
		var lang = langConfig[currentLang];
		var operationBar = $('#currentTableBar').html();
		if (operationBar) {
		   var newHtml = operationBar
			   .replace(/编辑/g, lang.carlist.operations.edit)
			   .replace(/删除/g, lang.carlist.operations.delete)
		   $('#currentTableBar').html(newHtml);
		}
		form.render();	
			
        var tableInitb = table.render({
            elem: '#currentTableId',
			url:  lang.baseUrl+'console/users/list',
			headers: {
				Authorization: sessionStorage.tokencar,
				lang:localStorage.getItem('language')?localStorage.getItem('language'):"zh"
			},
            // toolbar: '#toolbarDemo',
            defaultToolbar: ['filter', 'exports', 'print', {
            	title: '提示',
            	layEvent: 'LAYTABLE_TIPS',
            	icon: 'layui-icon-tips'
            }],
            parseData: function(res) { //res 即为原始返回的数据
            console.log(res)
            	return {
            		"code": 0, //解析接口状态
            		"msg": 'message', //解析提示文本
            		"count": res.data.meta.total, //解析数据长度
            		"data": res.data.list //解析数据列表
            	};
            },
            cols: [[
                {type: "checkbox"},
                {field: 'id', title: 'ID', sort: true},
                {field: 'user_sn', title: lang.userlist.user_id, sort: true},
                {field: 'username', title: lang.userlist.nickname},
                {field: 'avatar',title: lang.userlist.head,
					templet: function(d){
						var img= '<img style="display: inline-block;max-width:32px;max-height:32px" src="'+d.avatar+'">'
						return img;
					}
				},
                {field: 'realname', title:lang.userlist.realname},
                {field: 'phone',title: lang.userlist.phone_number},
                {field: 'company',  title: lang.userlist.company},
                {field: 'openid', title: lang.userlist.wechat_id},
                {field: 'status',  title:lang.alllist.status,
                	templet: function(d){
                		var v=''
                		if(d.status==1){
                			v='<span class="layui-badge layui-bg-green">'+lang.alllist.status1+'</span>'
                		}
                		if(d.status==0){
                			v='<span class="layui-badge">'+lang.alllist.status2+'</span>'
                		}
                		return v
                	},
                },
                {field: 'created_at',title: lang.userlist.create_time},
                {field: 'updated_at',title: lang.userlist.update_time},
                {title:  lang.carlist.operation, minWidth: 150, toolbar: '#currentTableBar', align: "center"}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 10,
            page: true,
            skin: 'line'
        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            var result = JSON.stringify(data.field);

            //执行搜索重载
            table.reload('currentTableId', {
                page: {
                    curr: 1
                }
                , where: {
                   user_sn: data.field.user_sn,
                   nickname: data.field.nickname,
                   realname: data.field.realname,
                   phone: data.field.phone,
                   openid: data.field.openid,
                }
            }, 'data');

            return false;
        });

        /**
         * toolbar监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                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); //关闭弹层
                					tableInitb.reload()
                				},
                				failCallBack: function (result) {
                					alert(result.message);
                				}
                			})
                			console.log(field)
                	
                		});
                		submit.trigger('click');
                	}
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
            } else if (obj.event === 'delete') {  // 监听删除操作
                var checkStatus = table.checkStatus('currentTableId')
                    , data = checkStatus.data;
                layer.alert(JSON.stringify(data));
            }
        });

        //监听表格复选框选择
        table.on('checkbox(currentTableFilter)', function (obj) {
            console.log(obj)
        });

        table.on('tool(currentTableFilter)', function (obj) {
            var data = obj.data;
            if (obj.event === '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='+data.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); //关闭弹层
                					tableInitb.reload()
                				},
                				failCallBack: function(result){
                					alert(result.message);
                				}
                			})
                		});
                		submit.trigger('click');
                	}
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
                return false;
            } else if (obj.event === 'delete') {
                layer.confirm(lang.audit.confirm_delete, function(index) {
                	self.usersdelete({
                		type:'post',
                		data:{id:data.id},
                		successCallBack: function(result){
                			layer.msg(result.message, {
                				icon: 1,
                				time: 1000
                			});
                			tableInitb.reload()
                		},
                		failCallBack: function(result){
                			alert(result.message);
                			window.location.reload()
                		}
                	})
                
                });
            }
        });

    });