buying/WebContent/static/web/js/car/carList.js

layui.define(['layer', 'form'], function (exports) {
    var $ = layui.jquery,layer = layui.layer,form = layui.form;
    var table = $('#dateTable').DataTable({
    	autoWidth: true,
        ajax: {  
            url: base+"/car/query",
            data : function(data) {  
                data.carName = $.trim($("#carName").val());
            }
        }, 
        "columns": [                            // 自定义数据列
            {data:function(obj){
                return '<input type="checkbox" lay-skin="primary" lay-filter="oneChoose" data-id="'+obj.id+'" />';
            }},
            {data: function(obj){
                return '<img src="'+imgUrl+obj.car_img1+'">';
            }},
            {data: 'car_name',width:150},
            {data: function(obj){
                return obj.price+'万元';
            },sClass:'text-c'},
            {data: 'car_year'},
            {data: function(obj){
                return obj.mileage+'万公里';
            },sClass:'text-c'},
            {data: function(obj){
                return '<button class="layui-btn layui-btn-primary layui-btn-small viewNum">'+obj.view_num+'</button>';
            },sClass:'text-c'},
           
            {data: function(obj){
                return '<button class="layui-btn layui-btn-primary layui-btn-small sort">'+obj.sort+'</button>';
            },sClass:'text-c'},
            {data: function(obj){
            	if(obj.status=="1"){
            		return '<span class="c-green">'+web.getDictVal('sys_status',obj.status)+'</span>';
            	}else{
            		return '<span class="layui-disabled">'+web.getDictVal('sys_status',obj.status)+'</span>';
            	}
            },sClass:'text-c'},
            {data:function(obj){
                return  '<a title="编辑" class="ml-5 btn-edit"><i class="layui-icon">&#xe642;</i></a>'+
                '<a title="删除" class="ml-5 btn-delete"><i class="layui-icon">&#xe640;</i></a>';
            },sClass:'text-c'}
        ],
        "stateSaveParams": function () {           // 初始化完成调用事件
            // 重新渲染form checkbox
            form.render('checkbox');
            web.hideTableBtns("#dateTable"); 
        }
    }).on('click', '.btn-delete', function (e) {
    	e.stopPropagation();
        var row = table.row($(this).parents('tr')).data();
        layer.confirm('确认要删除吗？', function (index) {
        	del(row.id);
        });
    }).on('click', '.btn-edit', function (e) {
    	e.stopPropagation();
    	var row = table.row($(this).parents('tr')).data();
        add("编辑", row.id);
    }).on("dblclick","tr",function () {
    	//获取值的对象数据
    	var row = table.row(this).data();
    	add("编辑",row.id);
    }).on('click', '.sort', function (e) {
    	e.stopPropagation();
    	var row = table.row($(this).parents('tr')).data();
        updateSort("修改排序", row.id, row.sort);
    }).on('click', '.viewNum', function (e) {
    	e.stopPropagation();
    	var row = table.row($(this).parents('tr')).data();
    	updateviewNum("修改访问量", row.id, row.view_num);
    });
    
    form.on('checkbox(allChoose)', function(data){
        var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
        child.each(function(index, item){
          item.checked = data.elem.checked;
        });
        form.render('checkbox');
    });
    
    //查询
    $("#btn-query").on('click',function(){
    	 table.ajax.reload();
    });
    
    //新增
    $('#btn-add').on('click',function(){
    	add("新增","");
    });
    
    //删除
    $('#btn-delete').on('click', function(){
    	var ids = web.getIds($('#dateTable'),'data-id');
        if (ids.length == 0) {
            layer.msg("请至少选中一条数据");
        } else {
            layer.confirm('确认要删除吗？', function (index) {
            	del(ids.join(","));
            });
        }
    });
    
    //启用
    $('#btn-enable').on('click', function(){
    	var ids = web.getIds($('#dateTable'),'data-id');
        if (ids.length == 0) {
            layer.msg("请至少选中一条数据");
        } else {
            layer.confirm('确认要启用吗？', function (index) {
            	updateStatus(ids.join(','),'1');
            });
        }
    });
    
    //停用
    $('#btn-disable').on('click', function(){
    	var ids = web.getIds($('#dateTable'),'data-id');
        if (ids.length == 0) {
            layer.msg("请至少选中一条数据");
        } else {
            layer.confirm('确认要停用吗？', function (index) {
            	updateStatus(ids.join(','),'0');
            });
        }
    });
    //删除
    function del(id){
    	web.ajaxPost(base + "/car/delete", {id: id}, function (data) {
            if (data.success) {
                table.ajax.reload();
                layer.msg('删除成功');
            } else {
                layer.msg('删除失败');
            }
        });
    }
    //修改状态
    function updateStatus(id,status){
    	web.ajaxPost(base + "/car/updateStatus", {id: id,status:status}, function (data) {
            if (data.success) {
                table.ajax.reload();
                layer.msg('操作成功');
            } else {
                layer.msg('操作失败');
            }
        });
    }
    //弹出
    function add(title,id){
    	var url="carForm.jsp";
    	if(id){
    		url +="?id="+id;
    	}
    	layer_show(title,url,"100%","100%");
    }
    //弹出
    function updateSort(title,id,data){
    	var url="carUpdate.jsp?id="+id+"&sort="+data;
    	layer_show(title,url,"300","158");
    }
    //弹出
    function updateviewNum(title,id,data){
    	var url="carUpdate.jsp?id="+id+"&viewNum="+data;
    	layer_show(title,url,"300","158");
    }
    exports('carList', {});
});