layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;
		
		brandpresetfn(form)
		typespresetfn(form)
		energypresetfn(form)
		// 获取当前语言
		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)
			   .replace(/审核/g, lang.carlist.operations.check)
			   .replace(/详情/g, lang.carlist.operations.show)
			   .replace(/Edit/g, lang.carlist.operations.edit)
			   .replace(/Delete/g, lang.carlist.operations.delete)
			   .replace(/Check/g, lang.carlist.operations.check)
			   .replace(/Details/g, lang.carlist.operations.show);
		   $('#currentTableBar').html(newHtml);
		}
		var toolbarDemo = $('#toolbarDemo').html();
		if (toolbarDemo) {
		   var newHtmlt = toolbarDemo
			   .replace(/添加/g, lang.userlist.add)
		   $('#toolbarDemo').html(newHtmlt);
		}
		console.log(lang.carlist.operation)
        var tableInitb = table.render({
            elem: '#currentTableId',
			url: lang.baseUrl+'console/vehicle/data/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: lang.carlist.ID, sort: true},
				{field: 'user_nickname',minWidth: 100, title: lang.carlist.user},
				{field: 'name',minWidth: 100, title: lang.carlist.product_name},
				{field: 'vin',minWidth: 100, title: lang.carlist.VIN},
				{field: 'cover', minWidth: 100,title: lang.carlist.product_image,
					templet: function(d){
						var img= '<img style="display: inline-block;max-width:40px;max-height:40px" lay-src="'+d.cover+'"  src="'+d.cover+'">'
						return img;
					}
				},
				{field: 'brand', title: lang.carlist.brand,},
				{field: 'price', title: lang.carlist.price},
				{field: 'type',title: lang.carlist.type,},
				{field: 'energy', title: lang.carlist.energy},
				{field: 'mileage', title: lang.carlist.mileage},
				{field: 'vehicle_age',title: lang.carlist.vehicle_age},
				{field: 'condition_desc',minWidth: 150, title: lang.carlist.condition_desc},
				// {field: 'info_status', title: lang.carlist.status,
				// 	templet: function (d) {
				// 		var v=''
				// 		if(d.info_status==0){
				// 			v='<span class="layui-badge layui-bg-orange">'+lang.carlist.pending_review+'</span>'
				// 		}
				// 		if(d.info_status==1){
				// 			v='<span class="layui-badge layui-bg-blue">'+lang.carlist.pending_publish+'</span>'
				// 		}
				// 		if(d.info_status==2){
				// 			v='<span class="layui-badge">'+lang.carlist.rejected+'</span>'
				// 		}
				// 		return v
				// 	}
				// },
				{field: 'is_saled', title: lang.carlist.is_sold,
					templet: function (d) {
						var v=''
						if(d.is_saled==0){
							v='<span class="orange">'+lang.carlist.not_sold+'</span>'
						}
						if(d.info_status==1){
							v='<span class="green">'+lang.carlist.sold+'</span>'
						}
						return v
					}
				},
				{field: 'created_at',minWidth: 150,title: lang.carlist.create_time},
				// {field: 'updated_at',minWidth: 150,title: '更新时间'},
				{title: lang.carlist.operation, minWidth: 200, toolbar: '#currentTableBar', align: "center",fixed:'right'}
            ]],
			done: function(res, curr, count){
			  // 表格渲染完成后绑定图片点击事件
			  $('img[lay-src]').on('click', function(){
				var imgSrc = $(this).attr('lay-src');
				layer.photos({
				  photos: {
					"data": [{
					  "src": imgSrc
					}]
				  },
				  anim: 5
				});
			  });
			  window.i18n.updatePageContent(); 
			},
            limits: [10, 15, 20, 25, 50, 100],
            limit: 10,
            page: true,
            skin: 'line',
			lang: localStorage.getItem('language'),
			// 添加分页相关的多语言配置
        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
			console.log(data.field)
            table.reload('currentTableId', {
                page: {
                    curr: 1
                }
                , where: {
                   "userInfo.nickname_like":data.field.nickname_like,
				   "name_like":data.field.name_like,
				   "brand":data.field.brand,
				   "type":data.field.type,
				   "energy":data.field.energy,
				   "is_saled":data.field.is_saled
                }
            }, '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/carlistadd.html',
                    content: '../page/table/carlistadd.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.vehicleadd({
								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/carlistedit.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; //获取提交的字段
							console.log(field)
							self.vehicleupdate({
								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.vehicledelete({
                		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()
                		}
                	})
                
                });
            } else if (obj.event === 'check') {  // 监听删除操作
                var index = layer.open({
                	title:lang.audit.check,
                	type: 2,
                	shade: 0.2,
                	maxmin: true,
                	shadeClose: false,
                	area: ['60%', '85%'],
					btn: [lang.audit.confirm, lang.audit.cancel], 
                	content: '../page/table/carlistcheck.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.vehicleapply({
								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');
					}
                });
            } else if (obj.event === 'show') {  // 监听删除操作
                var index = layer.open({
                	title: lang.audit.show,
                	type: 2,
                	shade: 0.2,
                	maxmin: true,
                	shadeClose: false,
                	area: ['60%', '85%'],
                	content: '../page/table/carlistshow.html?id='+data.id
                });
            }
        });

    });