Skip to content
On this page

配置与组件的对应关系

总览

页面crud配置概览 其中对应xx-xxxx配置指的是这个地方的配置项对应着fs-crud中使用的组件,你可以到对应的组件文档中查找属性,配置到这里来达到你想要的效果。

js
const crudOptions ={
    request:{},     //http请求
    columns:{       //字段配置
        column:{},  //对应table-column配置
        form:{},    //对应form-item配置
        search:{}   //对应查询表单的form-item配置
    },     
    search:{        //查询框配置 ,对应fs-search组件
        options:{}  //查询表单配置 ,对应el-from, a-form配置    
    },     
    actionbar:{},   //动作条,添加按钮,对应fs-actionbar组件
    toolbar:{},     //工具条 ,对应fs-toolbar组件
    table:{         //表格配置,对应fs-table
                    // 对应 el-table / a-table的配置
        slots:{}    // 对应el-table ,a-table的插槽
    },
    data:{},        //列表数据,无需配置,自动从pageRequest中获取 
    rowHandle:{},   //操作列配置,对应fs-row-handle
    form:{          //表单的公共配置,对应el-form,a-form配置
        wrapper:{}  //表单外部容器的配置,对应el-dialog,el-drawer,a-model,a-drawer的配置
    },       
    viewForm:{},    //查看表单的独立配置
    editForm:{},    //编辑表单的独立配置
    addForm:{},     //添加表单的独立配置
    pagination:{},  //分页配置 ,对应el-pagination / a-pagination
    container:{},   //容器配置 ,对应fs-container
}

页面布局

可以右键新窗口打开图片查看原图