1.概要

在我们的系统中大部分地方都需要使用到列表，在列表中我们使用到了增查改删等操作，这些操作其实都是可以封装的。我们的做法是，将基本的操作封装到list.js,具体的列表页面集成这个基础类。

2.说明

示例：

import SysKettleJobApi from '@/api/system/core/sysKettleJob'
import SysKettleJobEdit from './SysKettleJobEdit'
//导入BaseList
import {BaseList, RxFit, RxGrid} from 'jpaas-common-lib';

export default {
    name: 'SysKettleJobList',
    //继承BaseList
    mixins: [BaseList],
    components: {
        RxFit
    },
    data() {
        return {
            columns: [

            ],
            //编辑界面
            component: SysKettleJobEdit,
            comment: "KETTLE任务调度",
            //窗口大小，如果不配置那么使用全屏打开
            widthHeight: ['800px', '600px'],

        }
    },
    methods: {
        //实现删除方法
        delById(ids) {
            return SysKettleJobApi.del({ids: ids.join(',')});
        }
    }
}

在编辑列表的时候，用户只需要简单的编写

• 显示的列
• 根据ID删除数据